*{box-sizing:border-box;margin:0;padding:0}
:root{
 --bg:#f5f7fb;--surface:#fff;--soft:#eef3f8;--ink:#172135;--muted:#69788a;
 --line:#dfe7f0;--blue:#537bf5;--purple:#6b59d9;
 --gold1:#fff0b4;--gold2:#ddb04a;--gold3:#9d6414;--gold4:#efcd69;
 --dark:#111827;--dark2:#18243a;--max:1240px;
 --shadow:0 18px 48px rgba(42,62,92,.07)
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
 min-width:320px;background:var(--bg);color:var(--ink);
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;
 line-height:1.65;-webkit-font-smoothing:antialiased
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:760;color:#7c8a9a}
h1,h2,h3{letter-spacing:-.04em}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(25,37,54,.07);background:rgba(248,250,253,.9);backdrop-filter:blur(16px)}
.nav{min-height:70px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}
.brand img{width:40px;height:40px;object-fit:contain;border-radius:10px}
.brand strong{font-size:17px}.brand em{font-style:normal;color:var(--purple);font-size:13px;font-weight:760}
.links{display:flex;gap:20px;margin-left:auto;color:#667587;font-size:12px}
.links a:hover{color:#172135}
.cta{padding:9px 14px;border:1px solid #ccd7e3;border-radius:999px;background:#fff;font-size:12px}
.menu{display:none;border:0;background:none;font-size:13px}
.mobile-links{display:none}

.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 16%,rgba(83,123,245,.10),transparent 26%),linear-gradient(180deg,#fbfdff,#f2f6fb)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(44,63,90,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(44,63,90,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);gap:50px;align-items:center;padding:72px 0 78px}
.hero h1{font-size:clamp(58px,5.3vw,82px);line-height:.98;letter-spacing:-.055em}
.hero h1 span{display:block;color:#386be6}
.hero p{max-width:660px;margin-top:24px;font-size:14.5px;color:var(--muted);line-height:1.8}
.actions{display:flex;gap:10px;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;font-size:12px}
.btn-primary{background:#172135;color:white}.btn-secondary{border:1px solid #d3dde8;background:white;color:#405268}

/* mature system panel */
.system{overflow:hidden;border:1px solid #dce5ee;border-radius:28px;background:linear-gradient(180deg,#fbfdff,#f3f7fb);box-shadow:0 28px 70px rgba(43,62,91,.13)}
.system-head{min-height:68px;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5ebf2;background:rgba(255,255,255,.76)}
.system-head span{font-size:8px;letter-spacing:1.5px;color:#8391a1}.system-head strong{font-size:12px;color:#4a5d72}
.status{font-size:8px!important;padding:6px 9px;border:1px solid #dce5ed;border-radius:999px;background:#f8fbfd}.status:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#65a77a}
.system-main{padding:20px}
.system-brand{display:grid;grid-template-columns:118px 1fr;gap:18px;align-items:center;padding:18px;border:1px solid #e0e7ef;border-radius:20px;background:white}
.chip-shell{width:112px;height:112px;display:grid;place-items:center;border-radius:29px;background:linear-gradient(145deg,#fff,#edf2f7);border:1px solid #e1e7ee;box-shadow:0 14px 30px rgba(48,63,87,.10)}
.chip{width:84px;height:84px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,var(--gold1),var(--gold2) 29%,var(--gold3) 58%,var(--gold4) 82%,#b6791b);border:4px solid #875812;color:#734910;font-size:24px;font-weight:850;box-shadow:inset 0 0 0 3px rgba(255,239,178,.45),0 14px 24px rgba(116,73,10,.20)}
.system-brand small,.metric small{font-size:7.5px;letter-spacing:1.25px;color:#8794a2}
.system-brand h3{font-size:25px;margin-top:5px}.system-brand p{font-size:10px;margin-top:5px}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.metric{min-height:148px;padding:15px;border:1px solid #dfe7ef;border-radius:16px;background:rgba(255,255,255,.9)}
.metric>span{font-size:8px;color:#9aa5b0}.metric small{display:block;margin-top:38px}.metric h4{font-size:14px;line-height:1.45;margin-top:7px}
.system-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:8px 2px 0;font-size:7px;letter-spacing:1px;color:#8996a4}

.section{padding:82px 0}
.section.alt{background:linear-gradient(180deg,#f8fafc,#eef3f8);border-top:1px solid #e3eaf2;border-bottom:1px solid #e3eaf2}
.section.dark{background:radial-gradient(circle at 72% 45%,rgba(86,105,220,.22),transparent 30%),linear-gradient(135deg,var(--dark),var(--dark2) 55%,#0f1724);color:white}
.section-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:34px}
.section-head h2{font-size:clamp(40px,3.8vw,54px);line-height:1.05;margin-top:6px}
.section-head p{font-size:13.5px;color:var(--muted);max-width:550px}
.dark .section-head p{color:rgba(225,232,243,.67)}

.work3{display:grid;grid-template-columns:1fr 54px 1fr 54px 1fr;align-items:center}
.work-card{min-height:265px;padding:26px;border:1px solid #e2e4e3;border-radius:22px;background:rgba(255,255,255,.9);box-shadow:var(--shadow)}
.work-card .no{font-size:44px;line-height:1;font-weight:760;color:#c6ccd5}
.work-card small{display:block;margin-top:86px;font-size:8px;letter-spacing:1.4px;color:#8a96a2}
.work-card h3{font-size:22px;margin-top:8px}
.flow-line{height:1px;background:linear-gradient(90deg,#b8c5e8,#a795df)}

.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.card{min-height:235px;padding:22px;border:1px solid var(--line);border-radius:20px;background:white;box-shadow:0 12px 30px rgba(48,69,98,.05)}
.card .no{font-size:10px;color:#8996a4}.card small{display:block;margin-top:76px;font-size:8px;letter-spacing:1.3px;color:#8794a2}.card h3{font-size:20px;margin-top:8px;line-height:1.35}
.card.featured{background:radial-gradient(circle at 100% 0%,rgba(112,88,218,.12),transparent 38%),linear-gradient(180deg,#fbfcff,#f4f5fb)}

.rd-engine{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;min-height:560px}
.rd-engine h1,.rd-engine h2{font-size:clamp(48px,4.8vw,70px);line-height:1.02}
.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:34px}
.pipe{padding:18px 15px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(255,255,255,.06)}
.pipe span{font-size:8px;color:rgba(211,221,238,.55)}.pipe strong{display:block;margin-top:18px;font-size:13px}
.asset-panel{position:relative;min-height:420px;border:1px solid rgba(255,255,255,.10);border-radius:28px;background:rgba(255,255,255,.045);backdrop-filter:blur(10px)}
.asset-chip{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:150px;height:150px;display:grid;place-items:center;border-radius:38px;background:linear-gradient(135deg,var(--gold1),var(--gold2) 30%,var(--gold3) 58%,var(--gold4) 82%,#b6791b);border:4px solid #875812;color:#734910;font-size:32px;font-weight:850;box-shadow:0 26px 60px rgba(0,0,0,.27)}
.asset-label{position:absolute;padding:14px 16px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(255,255,255,.07)}
.asset-label small{font-size:7.5px;letter-spacing:1.2px;color:rgba(211,221,238,.55)}.asset-label strong{display:block;margin-top:7px;font-size:14px}
.a1{left:4%;top:12%}.a2{right:3%;top:18%}.a3{right:9%;bottom:10%}

.commercial{display:grid;grid-template-columns:1.8fr .7fr;gap:16px}
.business-box,.benefits-box{border:1px solid var(--line);border-radius:22px;background:white;box-shadow:var(--shadow)}
.business-box{padding:22px}.abc{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;border:1px solid #e1e7ee;border-radius:18px;overflow:hidden}
.abc article{min-height:300px;padding:20px;border-right:1px solid #e4eaf0}.abc article:last-child{border-right:0}
.letter{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--blue),var(--purple));color:white;font-size:20px;font-weight:800}
.abc small{display:block;margin-top:100px;font-size:8px;letter-spacing:1.2px;color:#8995a2}.abc h3{font-size:21px;margin-top:7px}
.benefits-box{padding:22px;background:radial-gradient(circle at 100% 0%,rgba(93,106,220,.09),transparent 34%),linear-gradient(180deg,#f7faff,#f1f5fa)}
.benefits-box h3{font-size:26px;margin-top:5px}.benefit-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.benefit-list span{padding:8px 10px;border:1px solid #d9e4ef;border-radius:999px;background:white;font-size:10px;color:#526579}.fine{font-size:8.5px;color:#87939f;margin-top:18px}

.case-list{display:flex;flex-direction:column;gap:16px}
.case{border:1px solid var(--line);border-radius:20px;background:white;overflow:hidden;box-shadow:0 12px 34px rgba(48,68,96,.05)}
.case-head{display:flex;justify-content:space-between;gap:20px;padding:22px}.case-head h3{font-size:28px}.case-head p{font-size:12px;color:var(--muted)}
.case-body{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #edf1f5}.case-body>div{padding:22px}.case-body>div+div{border-left:1px solid #edf1f5}.case-body p{font-size:12.5px;color:#566678;line-height:1.8}
.evidence{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;border-top:1px solid #edf1f5;background:#fafcff}
.evidence a{display:inline-flex;padding:8px 11px;border:1px solid #dbe5ef;border-radius:999px;background:white;font-size:10px;margin-left:7px}

.page-hero{padding:70px 0 58px;background:radial-gradient(circle at 82% 16%,rgba(83,123,245,.09),transparent 26%),linear-gradient(180deg,#fbfdff,#f2f6fb);border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(50px,5vw,72px);line-height:1.02}.page-hero p{max-width:720px;margin-top:18px;color:var(--muted);font-size:14px}
.page-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.info-card{padding:24px;border:1px solid var(--line);border-radius:20px;background:white;box-shadow:var(--shadow)}.info-card h3{font-size:22px}.info-card p{margin-top:10px;color:var(--muted);font-size:13px}

.contact-stage{padding:80px 0;background:radial-gradient(circle at 78% 25%,rgba(91,113,222,.23),transparent 31%),linear-gradient(135deg,#111a2a,#17233a 58%,#0f1725);color:white}
.contact-stage h2{font-size:clamp(48px,5vw,72px);line-height:1.02}.contact-stage p{margin-top:13px;color:rgba(230,236,245,.72)}
.footer{padding:28px 0;background:#0f1724;color:rgba(220,228,239,.62);font-size:10px}.footer-row{display:flex;justify-content:space-between;gap:20px;align-items:center}

@media(max-width:1100px){
 .hero-grid{grid-template-columns:1fr}.system{max-width:800px}
 .work3{grid-template-columns:1fr;gap:10px}.flow-line{display:none}
 .cards4{grid-template-columns:1fr 1fr}.rd-engine{grid-template-columns:1fr}.commercial{grid-template-columns:1fr}
 .page-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
 .container{width:calc(100% - 28px)}.links,.cta{display:none}.menu{display:block;margin-left:auto}
 .mobile-links.open{display:flex;flex-direction:column;padding:10px 14px 16px;border-top:1px solid #e5ebf2;background:#f8fafc}.mobile-links a{padding:8px 0;font-size:12px}
 .hero-grid{padding:36px 0 44px;gap:28px}.hero h1{font-size:40px}.hero p{font-size:12.8px}
 .system-main{padding:12px}.system-brand{grid-template-columns:86px 1fr;padding:13px}.chip-shell{width:80px;height:80px}.chip{width:60px;height:60px;font-size:18px}
 .metrics{grid-template-columns:1fr}.metric{min-height:92px}.metric small{margin-top:18px}
 .section{padding:56px 0}.section-head{grid-template-columns:1fr;gap:13px}.section-head h2{font-size:31px}
 .work-card{min-height:150px;padding:18px}.work-card .no{font-size:34px}.work-card small{margin-top:28px}.work-card h3{font-size:18px}
 .cards4{grid-template-columns:1fr}.card{min-height:160px}.card small{margin-top:42px}.card h3{font-size:18px}
 .rd-engine{min-height:auto}.rd-engine h1,.rd-engine h2{font-size:40px}.pipeline{grid-template-columns:1fr 1fr}.asset-panel{min-height:440px}.asset-label{width:72%}.a1{left:0}.a2{right:0;top:31%}.a3{left:7%;right:auto}
 .abc{grid-template-columns:1fr}.abc article{min-height:145px;border-right:0;border-bottom:1px solid #e4eaf0;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:14px}.abc article:last-child{border-bottom:0}.abc small{margin-top:0}.case-body{grid-template-columns:1fr}.case-body>div+div{border-left:0;border-top:1px solid #edf1f5}.evidence{align-items:flex-start;flex-direction:column;gap:10px}
 .page-hero{padding:44px 0}.page-hero h1{font-size:40px}.footer-row{flex-direction:column;align-items:flex-start}
}

/* =========================================================
   V6.6 R&D + Partnership CTA redesign
   Mature corporate website, no poster-like layout
   ========================================================= */

/* HOME R&D */
.rd-engine-v66{
  background:linear-gradient(180deg,#f7f9fc 0%,#eef3f8 100%);
  border-top:1px solid #e2e9f1;
  border-bottom:1px solid #e2e9f1;
}
.rd-head-v66 .eyebrow{color:#6e7f93}
.rd-v66-layout{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(310px,.7fr);
  gap:18px;
}
.rd-v66-pipeline{
  display:grid;
  grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1.1fr;
  align-items:center;
  min-height:300px;
  padding:24px;
  border:1px solid #dce5ee;
  border-radius:24px;
  background:#fff;
  box-shadow:0 16px 42px rgba(45,64,91,.06);
}
.rd-v66-stage{
  min-height:190px;
  padding:20px;
  border:1px solid #e3e9f0;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#f9fbfd);
}
.rd-v66-stage span{
  display:block;
  font-size:30px;
  line-height:1;
  font-weight:760;
  color:#ccd3dc;
}
.rd-v66-stage small{
  display:block;
  margin-top:54px;
  font-size:7.5px;
  letter-spacing:1.3px;
  color:#8794a2;
}
.rd-v66-stage h3{
  margin-top:7px;
  font-size:17px;
}
.rd-v66-stage-final{
  border-color:#d9d7ef;
  background:linear-gradient(180deg,#fcfbff,#f5f3fb);
}
.rd-v66-arrow{
  height:1px;
  background:linear-gradient(90deg,#c4cfdf,#9e93da);
}
.rd-v66-assets{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.rd-v66-assets article{
  min-height:93px;
  padding:18px;
  border:1px solid #dfe7ef;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 26px rgba(45,64,91,.045);
}
.rd-v66-assets span{
  font-size:7.5px;
  letter-spacing:1.2px;
  color:#8996a4;
}
.rd-v66-assets h3{
  margin-top:12px;
  font-size:16px;
}
.rd-v66-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:16px;
  padding-top:15px;
  border-top:1px solid #dce5ee;
}
.rd-v66-footer span{
  font-size:8px;
  letter-spacing:1.4px;
  color:#8996a3;
}
.rd-v66-footer a{
  font-size:11px;
  color:#45608c;
}

/* R&D PAGE */
.rd-page-hero-v66{
  background:
    radial-gradient(circle at 85% 15%,rgba(83,123,245,.08),transparent 27%),
    linear-gradient(180deg,#fbfdff,#f2f6fb);
}
.rd-page-v66{
  background:#fff;
}
.rd-page-grid-v66{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:38px;
  align-items:start;
}
.rd-page-copy-v66 h2{
  margin-top:8px;
  font-size:clamp(38px,3.7vw,52px);
  line-height:1.06;
}
.rd-page-copy-v66 p{
  margin-top:16px;
  color:#6d7b8c;
  font-size:13px;
}
.rd-page-pipeline-v66{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid #dfe7ef;
  border-radius:22px;
  overflow:hidden;
}
.rd-page-pipeline-v66 article{
  min-height:260px;
  padding:22px;
  border-right:1px solid #e4eaf0;
  background:linear-gradient(180deg,#fff,#f8fafc);
}
.rd-page-pipeline-v66 article:last-child{border-right:0;background:linear-gradient(180deg,#fcfbff,#f5f3fb)}
.rd-page-pipeline-v66 span{
  font-size:32px;
  font-weight:760;
  color:#cbd2dc;
}
.rd-page-pipeline-v66 small{
  display:block;
  margin-top:90px;
  font-size:7.5px;
  letter-spacing:1.2px;
  color:#8794a2;
}
.rd-page-pipeline-v66 h3{
  margin-top:8px;
  font-size:17px;
}
.rd-page-assets-v66{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:18px;
}
.rd-page-assets-v66 article{
  min-height:150px;
  padding:22px;
  border:1px solid #dfe7ef;
  border-radius:20px;
  background:#f8fafc;
}
.rd-page-assets-v66 span{
  font-size:7.5px;
  letter-spacing:1.2px;
  color:#8996a4;
}
.rd-page-assets-v66 h3{
  margin-top:55px;
  font-size:18px;
}
.rd-page-note-v66{
  margin-top:18px;
  padding:20px 22px;
  border:1px solid #dfe7ef;
  border-radius:18px;
  background:#f5f8fb;
}
.rd-page-note-v66 strong{
  font-size:12px;
}
.rd-page-note-v66 p{
  margin-top:6px;
  font-size:12px;
  color:#6c7b8c;
}

/* PARTNERSHIP CTA */
.contact-v66{
  padding:76px 0 82px;
  background:#f5f7fa;
  border-top:1px solid #e1e8ef;
}
.contact-v66-panel{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) auto;
  gap:40px;
  align-items:end;
  padding:42px 44px;
  border:1px solid #dce5ee;
  border-radius:26px;
  background:
    radial-gradient(circle at 88% 8%,rgba(81,113,236,.09),transparent 28%),
    linear-gradient(180deg,#fff,#f8fafc);
  box-shadow:0 18px 48px rgba(43,62,91,.07);
}
.contact-v66-copy h2{
  margin-top:8px;
  max-width:800px;
  font-size:clamp(38px,4vw,58px);
  line-height:1.05;
}
.contact-v66-copy p{
  max-width:760px;
  margin-top:15px;
  color:#6b7a8a;
  font-size:13px;
}
.contact-v66-actions{
  display:flex;
  gap:10px;
  align-items:center;
  white-space:nowrap;
}
.contact-v66-business{
  background:linear-gradient(180deg,#eef3f8,#e7edf4);
}

/* remove old poster-like sections if legacy classes still exist */
.contact-stage{display:none!important}

@media(max-width:1100px){
  .rd-v66-layout{grid-template-columns:1fr}
  .rd-page-grid-v66{grid-template-columns:1fr}
  .contact-v66-panel{grid-template-columns:1fr;align-items:start}
}
@media(max-width:900px){
  .rd-v66-pipeline{
    grid-template-columns:1fr;
    gap:8px;
  }
  .rd-v66-arrow{display:none}
  .rd-v66-stage{min-height:135px}
  .rd-v66-stage small{margin-top:28px}
  .rd-page-pipeline-v66{grid-template-columns:1fr 1fr}
  .rd-page-pipeline-v66 article{
    min-height:180px;
    border-bottom:1px solid #e4eaf0;
  }
  .rd-page-pipeline-v66 article:nth-child(2){border-right:0}
}
@media(max-width:720px){
  .rd-v66-assets{grid-template-columns:1fr}
  .rd-page-pipeline-v66{grid-template-columns:1fr}
  .rd-page-pipeline-v66 article{
    min-height:145px;
    border-right:0!important;
  }
  .rd-page-pipeline-v66 small{margin-top:34px}
  .rd-page-assets-v66{grid-template-columns:1fr}
  .rd-page-assets-v66 article{min-height:120px}
  .rd-page-assets-v66 h3{margin-top:36px}
  .contact-v66{padding:52px 0}
  .contact-v66-panel{padding:26px 22px;border-radius:21px}
  .contact-v66-copy h2{font-size:34px}
  .contact-v66-actions{flex-direction:column;align-items:stretch;width:100%}
  .contact-v66-actions a{width:100%}
}

/* =========================================================
   V6.7 Commercial / User Benefits visual balance
   ========================================================= */

.commercial-v67{
  background:
    radial-gradient(circle at 88% 12%,rgba(79,125,243,.055),transparent 27%),
    linear-gradient(180deg,#f8fafc,#f1f5f9);
}

.commercial-v67 .section-head{
  margin-bottom:30px;
}
.commercial-v67 .section-head h2{
  font-size:clamp(42px,4vw,56px);
  letter-spacing:-2.1px;
}
.commercial-v67 .section-head>p{
  font-size:13.5px;
  line-height:1.75;
}

.commercial-v67-layout{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(350px,.70fr);
  gap:16px;
  align-items:stretch;
}

/* BUSINESS */
.commercial-v67-business{
  padding:24px;
  border:1px solid #dfe7ef;
  border-radius:24px;
  background:#fff;
  box-shadow:0 16px 40px rgba(47,67,96,.055);
}
.commercial-v67-kicker{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:14px;
  padding-bottom:18px;
  border-bottom:1px solid #e6ebf1;
}
.commercial-v67-kicker span{
  font-size:9px;
  letter-spacing:1.55px;
  color:#7f8d9c;
  font-weight:700;
}
.commercial-v67-kicker strong{
  font-size:14px;
  color:#667486;
  font-weight:650;
}

.commercial-v67-abc{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:18px;
  border:1px solid #e0e7ee;
  border-radius:20px;
  overflow:hidden;
}
.commercial-v67-abc article{
  min-height:320px;
  padding:23px;
  border-right:1px solid #e5ebf1;
  background:linear-gradient(180deg,#fff,#fafcff);
  transition:background .2s ease,transform .2s ease;
}
.commercial-v67-abc article:last-child{border-right:0}
.commercial-v67-abc article:hover{
  background:linear-gradient(180deg,#fff,#f4f7fc);
}
.commercial-v67-letter{
  width:58px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:linear-gradient(135deg,#547cf6,#6a59dc);
  color:#fff;
  font-size:21px;
  font-weight:800;
  box-shadow:0 9px 20px rgba(85,103,220,.17);
}
.commercial-v67-copy{
  margin-top:112px;
}
.commercial-v67-copy small{
  display:block;
  font-size:8.5px;
  letter-spacing:1.3px;
  color:#8794a2;
}
.commercial-v67-copy h3{
  margin-top:8px;
  font-size:23px;
  line-height:1.3;
  letter-spacing:-.6px;
}

/* USER BENEFITS */
.commercial-v67-benefits{
  padding:26px;
  border:1px solid #d7e2ee;
  border-radius:24px;
  background:
    radial-gradient(circle at 100% 0%,rgba(98,88,218,.12),transparent 36%),
    linear-gradient(180deg,#f7faff,#edf3fa);
  box-shadow:0 16px 42px rgba(52,72,103,.065);
}
.commercial-v67-benefit-head>span{
  display:block;
  font-size:9px;
  letter-spacing:1.55px;
  color:#77899d;
  font-weight:700;
}
.commercial-v67-benefit-head h3{
  margin-top:7px;
  font-size:32px;
  line-height:1.12;
  letter-spacing:-1.1px;
}
.commercial-v67-benefit-head p{
  margin-top:11px;
  font-size:11.5px;
  line-height:1.7;
  color:#6e7d8d;
}

.commercial-v67-benefit-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:26px;
}
.commercial-v67-benefit-grid article{
  min-height:76px;
  padding:13px 14px;
  border:1px solid #d7e2ed;
  border-radius:15px;
  background:rgba(255,255,255,.88);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.commercial-v67-benefit-grid span{
  font-size:7px;
  color:#8d99a6;
}
.commercial-v67-benefit-grid strong{
  margin-top:7px;
  font-size:12px;
  color:#46586c;
  line-height:1.35;
}
.commercial-v67-note{
  display:block;
  margin-top:18px;
  font-size:8.8px;
  line-height:1.55;
  color:#84919e;
}

/* laptop */
@media(max-width:1180px){
  .commercial-v67-layout{
    grid-template-columns:minmax(0,1.35fr) minmax(320px,.72fr);
  }
  .commercial-v67-abc article{
    min-height:285px;
    padding:20px;
  }
  .commercial-v67-copy{
    margin-top:88px;
  }
  .commercial-v67-copy h3{
    font-size:21px;
  }
  .commercial-v67-benefits{
    padding:22px;
  }
  .commercial-v67-benefit-head h3{
    font-size:29px;
  }
}

/* tablet */
@media(max-width:1020px){
  .commercial-v67-layout{
    grid-template-columns:1fr;
  }
  .commercial-v67-benefits{
    padding:22px;
  }
  .commercial-v67-benefit-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

/* mobile H5 */
@media(max-width:720px){
  .commercial-v67 .section-head h2{
    font-size:31px;
  }

  .commercial-v67-business{
    padding:16px;
    border-radius:20px;
  }
  .commercial-v67-kicker{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }
  .commercial-v67-abc{
    grid-template-columns:1fr;
  }
  .commercial-v67-abc article{
    min-height:142px;
    padding:17px;
    display:grid;
    grid-template-columns:52px 1fr;
    gap:14px;
    align-items:center;
    border-right:0;
    border-bottom:1px solid #e5ebf1;
  }
  .commercial-v67-abc article:last-child{
    border-bottom:0;
  }
  .commercial-v67-letter{
    width:48px;
    height:48px;
    border-radius:14px;
    font-size:18px;
  }
  .commercial-v67-copy{
    margin-top:0;
  }
  .commercial-v67-copy small{
    font-size:7.5px;
  }
  .commercial-v67-copy h3{
    font-size:18px;
  }

  .commercial-v67-benefits{
    padding:18px;
    border-radius:20px;
  }
  .commercial-v67-benefit-head h3{
    font-size:25px;
  }
  .commercial-v67-benefit-head p{
    font-size:11px;
  }
  .commercial-v67-benefit-grid{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .commercial-v67-benefit-grid article{
    min-height:68px;
    padding:11px 12px;
  }
  .commercial-v67-benefit-grid strong{
    font-size:11px;
  }
}

@media(max-width:420px){
  .commercial-v67-benefit-grid{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   V6.8 Global Layout & Visual Polish
   ========================================================= */

/* Header */
.nav{
  min-height:68px;
}
.links{
  gap:22px;
}
.links a{
  position:relative;
  font-size:12px;
  color:#697789;
}
.links a::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-7px;
  height:1px;
  background:#556fca;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .2s ease;
}
.links a:hover::after{
  transform:scaleX(1);
}

/* HERO — reduce crowding and improve hierarchy */
.hero-grid{
  grid-template-columns:minmax(0,.84fr) minmax(540px,1.16fr);
  gap:64px;
  padding:64px 0 70px;
}
.hero h1{
  max-width:650px;
  font-size:clamp(54px,4.8vw,74px);
  line-height:1.01;
  letter-spacing:-.05em;
}
.hero h1 span{
  margin-top:4px;
}
.hero p{
  max-width:600px;
  margin-top:22px;
  font-size:14px;
  line-height:1.82;
}
.hero .actions{
  margin-top:25px;
}
.system{
  max-width:720px;
  margin-left:auto;
}
.system-main{
  padding:18px;
}
.system-brand{
  grid-template-columns:110px 1fr;
  padding:17px;
}
.chip-shell{
  width:104px;
  height:104px;
}
.chip{
  width:78px;
  height:78px;
}
.metrics{
  gap:9px;
}
.metric{
  min-height:136px;
  padding:14px;
}
.metric small{
  margin-top:31px;
}
.metric h4{
  font-size:13.5px;
}

/* Section typography */
.section{
  padding:76px 0;
}
.section-head{
  margin-bottom:30px;
}
.section-head h2{
  font-size:clamp(38px,3.5vw,50px);
  letter-spacing:-.045em;
}
.section-head p{
  font-size:13px;
  line-height:1.8;
}

/* HOW WE WORK visuals */
.work3{
  grid-template-columns:1fr 42px 1fr 42px 1fr;
}
.work-card-v68{
  position:relative;
  overflow:hidden;
  min-height:245px;
  padding:22px;
}
.work-symbol{
  position:absolute;
  right:18px;
  top:18px;
  width:54px;
  height:54px;
  border-radius:17px;
  background:linear-gradient(145deg,#f3f6fb,#e8edf6);
  border:1px solid #dce4ee;
}
.work-symbol::before,
.work-symbol::after,
.work-symbol i{
  content:"";
  position:absolute;
  display:block;
}
.work-symbol-a::before{
  width:22px;height:22px;
  left:15px;top:15px;
  border:2px solid #667cd6;border-radius:50%;
}
.work-symbol-a::after{
  width:10px;height:2px;
  right:8px;bottom:10px;
  background:#667cd6;transform:rotate(45deg);
}
.work-symbol-b::before{
  width:24px;height:15px;
  left:14px;top:14px;
  border:2px solid #6d78d4;border-radius:6px;
}
.work-symbol-b::after{
  width:16px;height:2px;
  left:18px;top:36px;background:#6d78d4;
}
.work-symbol-c::before{
  width:8px;height:8px;left:12px;top:23px;
  border-radius:50%;background:#687bd7;
  box-shadow:14px -10px 0 #687bd7,27px 1px 0 #687bd7;
}
.work-symbol-c::after{
  width:30px;height:1px;left:13px;top:25px;background:#8c9ada;transform:rotate(-16deg);
}
.work-card-v68 .no{
  font-size:36px;
}
.work-card-v68 small{
  margin-top:72px;
}
.work-card-v68 h3{
  font-size:20px;
}

/* PARTNERSHIP visual marks */
.partnership-card-v68{
  position:relative;
  overflow:hidden;
  min-height:220px;
}
.stage-mark{
  position:absolute;
  right:18px;
  top:18px;
  width:48px;
  height:48px;
  border-radius:15px;
  background:linear-gradient(145deg,#f5f7fb,#e9eef6);
  border:1px solid #dde5ef;
}
.stage-mark::before,
.stage-mark::after{
  content:"";
  position:absolute;
}
.stage-mark-1::before{
  width:18px;height:18px;left:14px;top:14px;
  border:2px solid #7183d7;border-radius:5px;
}
.stage-mark-2::before{
  width:24px;height:3px;left:11px;top:16px;background:#7082d6;border-radius:3px;
  box-shadow:0 8px 0 #9aa7dd;
}
.stage-mark-3::before{
  width:8px;height:22px;left:11px;bottom:10px;background:#9ca8dd;border-radius:3px;
  box-shadow:10px -7px 0 #8392da,20px -14px 0 #667bd5;
}
.stage-mark-4::before{
  width:20px;height:20px;left:13px;top:13px;border:2px solid #7164ce;border-radius:50%;
}
.stage-mark-4::after{
  width:8px;height:8px;left:19px;top:19px;background:#7164ce;border-radius:50%;
}

/* R&D — use pipeline as main visual, less diagram-like */
.rd-v66-pipeline{
  min-height:270px;
  padding:20px;
}
.rd-v66-stage{
  min-height:165px;
  padding:17px;
}
.rd-v66-stage span{
  font-size:26px;
}
.rd-v66-stage small{
  margin-top:42px;
}
.rd-v66-assets article{
  min-height:82px;
}
.rd-v66-assets h3{
  font-size:15px;
}

/* COMMERCIAL — refine type and spacing */
.commercial-v67-layout{
  grid-template-columns:minmax(0,1.5fr) minmax(360px,.72fr);
  gap:15px;
}
.commercial-v67-abc article{
  min-height:285px;
}
.commercial-v67-copy{
  margin-top:92px;
}
.commercial-v67-copy h3{
  font-size:21px;
}
.commercial-v67-benefit-head h3{
  font-size:30px;
}
.commercial-v67-benefit-head p{
  font-size:11.5px;
}
.commercial-v67-benefit-grid article{
  min-height:70px;
}
.commercial-v67-benefit-grid strong{
  font-size:11.5px;
}

/* Case module visual */
.case{
  transition:transform .2s ease,box-shadow .2s ease;
}
.case:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(48,68,96,.07);
}
.case-head{
  position:relative;
}
.case-head::after{
  content:"";
  position:absolute;
  right:22px;
  top:22px;
  width:36px;
  height:36px;
  border:1px solid #dbe4ee;
  border-radius:12px;
  background:
    radial-gradient(circle at 35% 35%,#6e83d7 0 3px,transparent 4px),
    radial-gradient(circle at 65% 65%,#9aa7df 0 3px,transparent 4px),
    linear-gradient(135deg,#f6f8fc,#edf2f7);
}

/* Contact */
.contact-v66-panel{
  padding:38px 40px;
}
.contact-v66-copy h2{
  font-size:clamp(36px,3.6vw,52px);
}

/* LAPTOP / short screens */
@media(max-width:1400px){
  .hero-grid{
    grid-template-columns:minmax(0,.86fr) minmax(500px,1.14fr);
    gap:42px;
  }
  .hero h1{
    font-size:clamp(50px,4.7vw,66px);
    max-width:580px;
  }
  .hero p{
    max-width:560px;
    font-size:13.5px;
  }
  .system{
    max-width:660px;
  }
}
@media(max-height:900px) and (min-width:1100px){
  .hero-grid{
    padding:42px 0 48px;
  }
  .hero h1{
    font-size:clamp(46px,4.2vw,60px);
  }
  .hero p{
    margin-top:17px;
    line-height:1.68;
  }
  .system-head{
    min-height:58px;
  }
  .system-main{
    padding:14px;
  }
  .system-brand{
    grid-template-columns:90px 1fr;
    padding:13px;
  }
  .chip-shell{width:84px;height:84px}
  .chip{width:62px;height:62px;font-size:18px}
  .metric{min-height:108px}
  .metric small{margin-top:22px}
}

/* TABLET */
@media(max-width:1100px){
  .hero-grid{
    grid-template-columns:1fr;
    gap:30px;
    padding:44px 0 52px;
  }
  .hero h1{
    max-width:760px;
    font-size:clamp(50px,7vw,68px);
  }
  .hero p{
    max-width:700px;
  }
  .system{
    max-width:820px;
    margin:0 auto;
  }
  .work3{
    grid-template-columns:1fr;
    gap:10px;
  }
  .flow-line{display:none}
}

/* MOBILE H5 */
@media(max-width:720px){
  .nav{min-height:60px}
  .brand strong{font-size:15px}
  .brand em{font-size:11px}

  .hero-grid{
    padding:30px 0 40px;
    gap:24px;
  }
  .hero h1{
    font-size:39px;
    max-width:none;
    line-height:1.02;
  }
  .hero p{
    margin-top:17px;
    font-size:12.5px;
    line-height:1.72;
  }
  .hero .actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:20px;
  }
  .hero .btn{
    min-height:42px;
    padding:0 12px;
  }

  .system{
    border-radius:21px;
  }
  .system-head{
    min-height:56px;
    padding:13px 14px;
  }
  .system-head strong{font-size:10.5px}
  .system-main{padding:10px}
  .system-brand{
    grid-template-columns:74px 1fr;
    gap:12px;
    padding:12px;
    border-radius:16px;
  }
  .chip-shell{width:68px;height:68px;border-radius:19px}
  .chip{width:51px;height:51px;border-radius:15px;font-size:16px}
  .system-brand h3{font-size:20px}
  .system-brand p{font-size:9px}
  .metrics{
    grid-template-columns:1fr;
    gap:7px;
  }
  .metric{
    min-height:82px;
    padding:12px;
  }
  .metric small{margin-top:14px}
  .metric h4{font-size:13px}

  .section{
    padding:52px 0;
  }
  .section-head h2{
    font-size:30px;
  }
  .section-head p{
    font-size:12px;
  }

  .work-card-v68{
    min-height:135px;
  }
  .work-symbol{
    width:46px;height:46px;border-radius:14px;
  }
  .work-card-v68 .no{
    font-size:30px;
  }
  .work-card-v68 small{
    margin-top:27px;
  }
  .work-card-v68 h3{
    font-size:17px;
  }

  .partnership-card-v68{
    min-height:145px;
  }

  .commercial-v67-benefit-grid{
    grid-template-columns:1fr 1fr;
  }

  .contact-v66-panel{
    padding:24px 20px;
  }
  .contact-v66-copy h2{
    font-size:32px;
  }
}
@media(max-width:420px){
  .hero h1{font-size:35px}
  .hero .actions{grid-template-columns:1fr}
  .commercial-v67-benefit-grid{grid-template-columns:1fr}
}

/* =========================================================
   V6.9 Homepage Brand & Hero Polish
   ========================================================= */

/* Header brand lockup */
.brand{
  gap:11px;
}
.brand img{
  width:44px;
  height:44px;
  border-radius:11px;
}
.brand span{
  display:flex;
  align-items:baseline;
  gap:2px;
}
.brand strong{
  font-size:19px;
  font-weight:800;
  letter-spacing:-.5px;
  color:#152033;
}
.brand em{
  font-size:13.5px;
  font-weight:800;
  color:#6659dc;
  letter-spacing:-.25px;
}

/* Header / nav balance */
.nav{
  min-height:72px;
}
.links{
  gap:21px;
}
.links a{
  font-size:12px;
  font-weight:520;
}
.cta{
  min-height:40px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:600;
}

/* Hero hierarchy */
.hero-grid{
  grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr);
  gap:58px;
  padding:58px 0 64px;
}
.hero .eyebrow{
  margin-bottom:8px;
  font-size:8.5px;
  letter-spacing:1.75px;
}
.hero h1{
  max-width:610px;
  font-size:clamp(52px,4.55vw,70px);
  line-height:.995;
  letter-spacing:-.052em;
}
.hero h1 span{
  display:block;
  margin-top:5px;
}
.hero p{
  max-width:545px;
  margin-top:20px;
  font-size:13.7px;
  line-height:1.76;
  color:#637385;
}
.hero .actions{
  margin-top:24px;
  gap:9px;
}
.hero .btn{
  min-height:43px;
  padding:0 18px;
  font-size:11.5px;
}

/* System panel proportion */
.system{
  max-width:700px;
  border-radius:26px;
}
.system-head{
  min-height:62px;
  padding:14px 18px;
}
.system-main{
  padding:16px;
}
.system-brand{
  grid-template-columns:98px 1fr;
  gap:16px;
  padding:15px;
  border-radius:18px;
}
.chip-shell{
  width:92px;
  height:92px;
  border-radius:25px;
}
.chip{
  width:69px;
  height:69px;
  border-radius:19px;
  font-size:20px;
}
.system-brand h3{
  font-size:24px;
}
.system-brand p{
  margin-top:4px;
  font-size:9.5px;
}
.metrics{
  margin-top:10px;
  gap:8px;
}
.metric{
  min-height:124px;
  padding:13px;
  border-radius:15px;
}
.metric small{
  margin-top:28px;
}
.metric h4{
  font-size:13px;
  line-height:1.42;
}
.system-foot{
  margin-top:10px;
  padding-top:5px;
}

/* Desktop wide */
@media(min-width:1600px){
  .container{
    width:min(1280px,calc(100% - 56px));
  }
  .hero-grid{
    grid-template-columns:minmax(0,.84fr) minmax(590px,1.16fr);
    gap:72px;
  }
  .hero h1{
    max-width:640px;
    font-size:72px;
  }
  .system{
    max-width:720px;
  }
}

/* Laptop */
@media(max-width:1400px){
  .brand img{width:41px;height:41px}
  .brand strong{font-size:18px}
  .brand em{font-size:13px}

  .hero-grid{
    grid-template-columns:minmax(0,.84fr) minmax(510px,1.16fr);
    gap:42px;
    padding:48px 0 54px;
  }
  .hero h1{
    max-width:560px;
    font-size:clamp(48px,4.3vw,62px);
  }
  .hero p{
    max-width:520px;
    font-size:13.2px;
  }
  .system{
    max-width:650px;
  }
}

/* Short-screen notebook */
@media(max-height:900px) and (min-width:1100px){
  .nav{min-height:64px}
  .brand img{width:38px;height:38px}
  .brand strong{font-size:17px}
  .brand em{font-size:12px}

  .hero-grid{
    padding:34px 0 40px;
  }
  .hero h1{
    font-size:clamp(44px,4vw,57px);
  }
  .hero p{
    margin-top:15px;
    line-height:1.62;
  }
  .hero .actions{
    margin-top:18px;
  }

  .system-head{min-height:54px}
  .system-main{padding:12px}
  .system-brand{
    grid-template-columns:80px 1fr;
    padding:11px;
  }
  .chip-shell{width:74px;height:74px}
  .chip{width:55px;height:55px;font-size:17px}
  .metric{
    min-height:95px;
    padding:11px;
  }
  .metric small{
    margin-top:17px;
  }
}

/* Tablet */
@media(max-width:1100px){
  .hero-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  .hero h1{
    max-width:760px;
    font-size:clamp(50px,7vw,66px);
  }
  .hero p{
    max-width:680px;
  }
  .system{
    max-width:820px;
    margin:0 auto;
  }
}

/* Mobile H5 */
@media(max-width:720px){
  .nav{
    min-height:60px;
  }
  .brand{
    gap:8px;
  }
  .brand img{
    width:36px;
    height:36px;
    border-radius:9px;
  }
  .brand strong{
    font-size:15.5px;
  }
  .brand em{
    font-size:10.5px;
  }

  .hero-grid{
    padding:28px 0 38px;
    gap:22px;
  }
  .hero .eyebrow{
    font-size:7.5px;
    line-height:1.5;
  }
  .hero h1{
    font-size:38px;
    line-height:1.01;
    letter-spacing:-.047em;
  }
  .hero p{
    max-width:none;
    margin-top:16px;
    font-size:12.4px;
    line-height:1.7;
  }
  .hero .actions{
    margin-top:19px;
  }

  .system{
    border-radius:20px;
  }
  .system-head{
    min-height:53px;
    padding:12px 13px;
  }
  .system-main{
    padding:9px;
  }
  .system-brand{
    grid-template-columns:70px 1fr;
    gap:11px;
    padding:11px;
  }
  .chip-shell{
    width:64px;
    height:64px;
  }
  .chip{
    width:48px;
    height:48px;
    border-radius:14px;
    font-size:15px;
  }
  .system-brand h3{
    font-size:19px;
  }
  .metrics{
    grid-template-columns:1fr;
    gap:6px;
  }
  .metric{
    min-height:76px;
    padding:11px;
  }
  .metric small{
    margin-top:11px;
  }
}

@media(max-width:420px){
  .brand em{
    display:inline;
    font-size:10px;
  }
  .hero h1{
    font-size:34px;
  }
}

/* =========================================================
   V7.0 Partnership Number System
   Refine 01 / 02 / 03 / 04 typography, spacing and hierarchy
   ========================================================= */

/* partnership cards */
.partnership-card-v68{
  min-height:230px;
  padding:24px 22px 22px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}

/* large but controlled number */
.partnership-card-v68 .no{
  display:block;
  margin:0;
  font-size:42px;
  line-height:.9;
  font-weight:780;
  letter-spacing:-2.4px;
  color:#c4cbd5;
}

/* top-right visual mark slightly smaller so number remains primary */
.partnership-card-v68 .stage-mark{
  width:44px;
  height:44px;
  right:18px;
  top:18px;
}

/* stage label */
.partnership-card-v68 small{
  display:block;
  margin-top:auto;
  padding-top:66px;
  font-size:8px;
  line-height:1.2;
  letter-spacing:1.45px;
  font-weight:650;
  color:#8996a4;
}

/* chinese title */
.partnership-card-v68 h3{
  margin-top:8px;
  max-width:95%;
  font-size:21px;
  line-height:1.32;
  font-weight:720;
  letter-spacing:-.55px;
  color:#182235;
}

/* hover: number becomes branded instead of whole card getting too flashy */
.partnership-card-v68:hover .no{
  color:#6c78d5;
  transition:color .2s ease;
}

/* featured card number */
.partnership-card-v68.featured .no{
  color:#9e95d8;
}

/* desktop wide */
@media(min-width:1500px){
  .partnership-card-v68{
    min-height:245px;
    padding:26px 24px 24px;
  }
  .partnership-card-v68 .no{
    font-size:46px;
  }
  .partnership-card-v68 small{
    padding-top:74px;
  }
  .partnership-card-v68 h3{
    font-size:22px;
  }
}

/* laptop */
@media(max-width:1180px){
  .partnership-card-v68{
    min-height:210px;
    padding:21px 19px 20px;
  }
  .partnership-card-v68 .no{
    font-size:38px;
  }
  .partnership-card-v68 small{
    padding-top:56px;
  }
  .partnership-card-v68 h3{
    font-size:19px;
  }
}

/* tablet: 2-column, number slightly smaller */
@media(max-width:1020px){
  .partnership-card-v68{
    min-height:190px;
  }
  .partnership-card-v68 .no{
    font-size:36px;
  }
  .partnership-card-v68 small{
    padding-top:44px;
  }
}

/* H5 mobile: horizontal number/title composition */
@media(max-width:720px){
  .partnership-card-v68{
    min-height:138px;
    padding:17px;
    display:grid;
    grid-template-columns:64px minmax(0,1fr);
    grid-template-rows:auto auto;
    column-gap:13px;
    align-items:end;
  }

  .partnership-card-v68 .no{
    grid-column:1;
    grid-row:1 / span 2;
    align-self:start;
    font-size:34px;
    line-height:1;
    letter-spacing:-1.8px;
  }

  .partnership-card-v68 small{
    grid-column:2;
    grid-row:1;
    margin:0;
    padding:0;
    align-self:end;
    font-size:7.5px;
  }

  .partnership-card-v68 h3{
    grid-column:2;
    grid-row:2;
    margin-top:7px;
    max-width:none;
    font-size:17px;
    line-height:1.35;
  }

  .partnership-card-v68 .stage-mark{
    width:38px;
    height:38px;
    right:14px;
    top:14px;
    opacity:.75;
  }
}

/* small phone */
@media(max-width:420px){
  .partnership-card-v68{
    grid-template-columns:56px 1fr;
  }
  .partnership-card-v68 .no{
    font-size:31px;
  }
  .partnership-card-v68 h3{
    font-size:16px;
  }
}

/* =========================================================
   V7.1 Homepage Metal Chip Refinement
   Make the gold brand element read as an actual chip / SoC
   ========================================================= */

/* Outer chip carrier */
.chip-shell{
  position:relative;
  overflow:visible;
  background:
    linear-gradient(145deg,#ffffff 0%,#eef2f7 55%,#e4eaf1 100%);
  border:1px solid #dce3eb;
  box-shadow:
    0 18px 34px rgba(44,60,84,.11),
    inset 0 1px 0 rgba(255,255,255,.95);
}

/* Subtle motherboard traces behind chip */
.chip-shell::before{
  content:"";
  position:absolute;
  inset:-16px;
  z-index:0;
  opacity:.48;
  background:
    linear-gradient(90deg,transparent 0 15%,rgba(113,132,177,.18) 15% 16%,transparent 16% 84%,rgba(113,132,177,.18) 84% 85%,transparent 85%),
    linear-gradient(0deg,transparent 0 15%,rgba(113,132,177,.15) 15% 16%,transparent 16% 84%,rgba(113,132,177,.15) 84% 85%,transparent 85%);
  border-radius:32px;
  pointer-events:none;
}

/* Main package */
.chip{
  position:relative;
  z-index:2;
  overflow:visible;
  isolation:isolate;
  border-radius:20px;
  background:
    linear-gradient(135deg,#fff3bd 0%,#e7bd58 22%,#b27620 46%,#f3d375 68%,#9d6315 100%);
  border:3px solid #82500e;
  box-shadow:
    inset 0 0 0 3px rgba(255,241,187,.42),
    inset 0 -8px 18px rgba(102,61,10,.18),
    0 12px 22px rgba(113,69,9,.24);
}

/* Inner die / core */
.chip::before{
  content:"";
  position:absolute;
  left:16%;
  top:16%;
  width:68%;
  height:68%;
  z-index:-1;
  border-radius:13px;
  background:
    linear-gradient(135deg,rgba(255,244,198,.34),rgba(92,55,8,.16)),
    repeating-linear-gradient(90deg,rgba(112,69,12,.18) 0 1px,transparent 1px 7px),
    repeating-linear-gradient(0deg,rgba(112,69,12,.14) 0 1px,transparent 1px 7px);
  border:1px solid rgba(91,54,8,.38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    inset 0 0 12px rgba(87,50,5,.12);
}

/* Pin rail effect */
.chip::after{
  content:"";
  position:absolute;
  inset:-9px;
  z-index:-2;
  border-radius:24px;
  background:
    repeating-linear-gradient(90deg,transparent 0 8px,#b88a3a 8px 12px,transparent 12px 18px) top/100% 8px no-repeat,
    repeating-linear-gradient(90deg,transparent 0 8px,#b88a3a 8px 12px,transparent 12px 18px) bottom/100% 8px no-repeat,
    repeating-linear-gradient(0deg,transparent 0 8px,#b88a3a 8px 12px,transparent 12px 18px) left/8px 100% no-repeat,
    repeating-linear-gradient(0deg,transparent 0 8px,#b88a3a 8px 12px,transparent 12px 18px) right/8px 100% no-repeat;
  filter:drop-shadow(0 2px 1px rgba(79,49,8,.18));
}

/* IL mark should sit above the die */
.chip{
  color:#6f460f;
  text-shadow:
    0 1px 0 rgba(255,240,177,.55),
    0 -1px 0 rgba(91,54,8,.12);
  font-weight:880;
  letter-spacing:1px;
}

/* Tiny package corner marker = chip orientation cue */
.chip-shell::after{
  content:"";
  position:absolute;
  left:14px;
  top:14px;
  width:7px;
  height:7px;
  z-index:4;
  border-radius:50%;
  background:#8a5a16;
  box-shadow:
    0 0 0 2px rgba(255,239,180,.45),
    0 1px 2px rgba(73,43,5,.25);
}

/* Slight interaction: feels like hardware, not decoration */
.system-brand:hover .chip{
  transform:translateY(-1px);
  box-shadow:
    inset 0 0 0 3px rgba(255,241,187,.46),
    inset 0 -8px 18px rgba(102,61,10,.18),
    0 16px 28px rgba(113,69,9,.28);
  transition:transform .22s ease,box-shadow .22s ease;
}

/* Laptop */
@media(max-width:1400px){
  .chip{
    border-radius:18px;
  }
  .chip::before{
    border-radius:11px;
  }
  .chip::after{
    inset:-8px;
  }
}

/* H5 mobile: simplify traces but keep chip identity */
@media(max-width:720px){
  .chip-shell::before{
    inset:-10px;
    opacity:.32;
  }
  .chip::after{
    inset:-6px;
    background:
      repeating-linear-gradient(90deg,transparent 0 6px,#b88a3a 6px 9px,transparent 9px 14px) top/100% 6px no-repeat,
      repeating-linear-gradient(90deg,transparent 0 6px,#b88a3a 6px 9px,transparent 9px 14px) bottom/100% 6px no-repeat,
      repeating-linear-gradient(0deg,transparent 0 6px,#b88a3a 6px 9px,transparent 9px 14px) left/6px 100% no-repeat,
      repeating-linear-gradient(0deg,transparent 0 6px,#b88a3a 6px 9px,transparent 9px 14px) right/6px 100% no-repeat;
  }
  .chip-shell::after{
    left:10px;
    top:10px;
    width:5px;
    height:5px;
  }
}

/* =========================================================
   V7.2 Brand Color System + Real Chip Structure
   ========================================================= */

:root{
  --brand-navy:#1a2740;
  --brand-navy-2:#22314f;
  --brand-blue:#4f74e8;
  --brand-purple:#6859d4;
  --brand-footer:#18243a;
  --brand-footer-2:#202f4a;
}

/* ---------------------------------------------------------
   Primary CTA / Business buttons
   --------------------------------------------------------- */
.cta,
.btn-primary{
  background:var(--brand-navy)!important;
  color:#fff!important;
  border-color:var(--brand-navy)!important;
  box-shadow:0 8px 18px rgba(26,39,64,.10);
  transition:
    transform .18s ease,
    background .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}
.cta:hover,
.btn-primary:hover{
  transform:translateY(-1px);
  background:linear-gradient(135deg,#315fd8,#6558d4)!important;
  border-color:transparent!important;
  box-shadow:0 11px 22px rgba(66,83,174,.18);
}

/* Secondary buttons */
.btn-secondary{
  background:rgba(255,255,255,.88)!important;
  color:#42556e!important;
  border:1px solid #ced9e5!important;
  box-shadow:none!important;
}
.btn-secondary:hover{
  background:#fff!important;
  border-color:#aebdcd!important;
  box-shadow:0 7px 18px rgba(48,66,92,.07)!important;
  transform:translateY(-1px);
}

/* ---------------------------------------------------------
   Footer color system
   --------------------------------------------------------- */
.footer{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 0%,rgba(85,106,221,.10),transparent 32%),
    linear-gradient(135deg,var(--brand-footer),var(--brand-footer-2));
  color:#b9c5d4;
  border-top:1px solid rgba(255,255,255,.06);
}
.footer::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 88%);
  pointer-events:none;
}
.footer-row{
  position:relative;
  z-index:1;
  min-height:72px;
}
.footer-row span:first-child{
  color:#eef3f9;
  font-weight:600;
}
.footer-row span:last-child{
  color:#8f9eb1;
}

/* ---------------------------------------------------------
   Homepage chip: actual package / pins / die / traces
   --------------------------------------------------------- */
.chip-shell-v72{
  position:relative;
  overflow:visible!important;
  width:108px!important;
  height:108px!important;
  display:grid;
  place-items:center;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(205,167,82,.08),transparent 56%),
    linear-gradient(145deg,#fafcff,#edf2f7)!important;
  border:1px solid #dbe3ec!important;
  box-shadow:
    0 18px 34px rgba(44,60,84,.11),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
}

/* actual package */
.chip-v72{
  position:relative;
  z-index:4;
  width:78px!important;
  height:78px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  border-radius:16px!important;
  background:
    linear-gradient(135deg,#f9d987 0%,#be852d 26%,#8c5812 49%,#e4bd5a 73%,#a76b18 100%)!important;
  border:2px solid #75470d!important;
  box-shadow:
    inset 0 0 0 2px rgba(255,231,161,.36),
    inset 0 -6px 12px rgba(86,51,7,.18),
    0 10px 18px rgba(89,55,8,.20)!important;
  color:transparent!important;
  font-size:0!important;
}

/* central silicon / die */
.chip-die-v72{
  position:relative;
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:9px;
  background:
    repeating-linear-gradient(90deg,rgba(113,74,16,.16) 0 1px,transparent 1px 7px),
    repeating-linear-gradient(0deg,rgba(113,74,16,.12) 0 1px,transparent 1px 7px),
    linear-gradient(135deg,#f7dc91,#bb822d 52%,#e7c066);
  border:1px solid rgba(91,55,8,.52);
  box-shadow:
    inset 0 1px 0 rgba(255,244,199,.45),
    inset 0 0 12px rgba(72,43,5,.12);
}

/* IL logo in die */
.chip-mark-v72{
  position:relative;
  z-index:3;
  font-size:18px;
  line-height:1;
  font-weight:880;
  letter-spacing:.7px;
  color:#6e430d;
  text-shadow:0 1px 0 rgba(255,236,169,.55);
}

/* circuit traces inside die */
.chip-trace-v72{
  position:absolute;
  z-index:1;
  background:rgba(91,56,9,.34);
}
.trace-a{left:5px;top:12px;width:14px;height:1px}
.trace-b{right:5px;bottom:12px;width:15px;height:1px}
.trace-c{left:13px;bottom:5px;width:1px;height:13px}
.trace-d{right:13px;top:5px;width:1px;height:13px}

/* orientation dot */
.chip-orientation-v72{
  position:absolute;
  left:7px;
  top:7px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#5f3909;
  box-shadow:0 0 0 1px rgba(255,226,145,.36);
}

/* four pin rails */
.chip-pins{
  position:absolute;
  z-index:2;
  pointer-events:none;
}
.chip-pins-top,
.chip-pins-bottom{
  left:22px;
  width:64px;
  height:10px;
  background:
    repeating-linear-gradient(
      90deg,
      transparent 0 4px,
      #a9782b 4px 8px,
      #d3a84f 8px 10px,
      transparent 10px 14px
    );
}
.chip-pins-top{top:8px}
.chip-pins-bottom{bottom:8px}

.chip-pins-left,
.chip-pins-right{
  top:22px;
  height:64px;
  width:10px;
  background:
    repeating-linear-gradient(
      0deg,
      transparent 0 4px,
      #a9782b 4px 8px,
      #d3a84f 8px 10px,
      transparent 10px 14px
    );
}
.chip-pins-left{left:8px}
.chip-pins-right{right:8px}

/* little PCB traces leading out from package */
.chip-shell-v72::before{
  content:"";
  position:absolute;
  inset:-12px;
  z-index:0;
  border-radius:34px;
  background:
    linear-gradient(90deg,transparent 0 12%,rgba(105,124,172,.18) 12% 13%,transparent 13% 87%,rgba(105,124,172,.18) 87% 88%,transparent 88%),
    linear-gradient(0deg,transparent 0 12%,rgba(105,124,172,.16) 12% 13%,transparent 13% 87%,rgba(105,124,172,.16) 87% 88%,transparent 88%);
  pointer-events:none;
}

/* chip hover */
.system-brand:hover .chip-v72{
  transform:translateY(-1px);
  box-shadow:
    inset 0 0 0 2px rgba(255,231,161,.40),
    inset 0 -6px 12px rgba(86,51,7,.18),
    0 14px 22px rgba(89,55,8,.24)!important;
  transition:transform .2s ease,box-shadow .2s ease;
}

/* Laptop */
@media(max-width:1400px){
  .chip-shell-v72{
    width:96px!important;
    height:96px!important;
  }
  .chip-v72{
    width:70px!important;
    height:70px!important;
  }
  .chip-die-v72{
    width:46px;
    height:46px;
  }
  .chip-mark-v72{
    font-size:16px;
  }
  .chip-pins-top,
  .chip-pins-bottom{
    left:20px;
    width:56px;
  }
  .chip-pins-left,
  .chip-pins-right{
    top:20px;
    height:56px;
  }
}

/* H5 */
@media(max-width:720px){
  .chip-shell-v72{
    width:68px!important;
    height:68px!important;
    border-radius:19px!important;
  }
  .chip-v72{
    width:50px!important;
    height:50px!important;
    border-radius:11px!important;
  }
  .chip-die-v72{
    width:34px;
    height:34px;
    border-radius:7px;
  }
  .chip-mark-v72{
    font-size:12px;
  }
  .chip-pins-top,
  .chip-pins-bottom{
    left:14px;
    width:40px;
    height:7px;
    background:
      repeating-linear-gradient(90deg,transparent 0 3px,#a9782b 3px 6px,#d3a84f 6px 7px,transparent 7px 10px);
  }
  .chip-pins-top{top:5px}
  .chip-pins-bottom{bottom:5px}
  .chip-pins-left,
  .chip-pins-right{
    top:14px;
    height:40px;
    width:7px;
    background:
      repeating-linear-gradient(0deg,transparent 0 3px,#a9782b 3px 6px,#d3a84f 6px 7px,transparent 7px 10px);
  }
  .chip-pins-left{left:5px}
  .chip-pins-right{right:5px}
  .chip-shell-v72::before{
    inset:-7px;
    opacity:.55;
  }
}

/* =========================================================
   V7.3 GLOBAL NUMBER SYSTEM
   One typography language for every 01 / 02 / 03 / 04 / 05 / 06
   ========================================================= */

:root{
  --num-main:#c3cad5;
  --num-main-hover:#6b78d4;
  --num-feature:#988fd4;
  --num-muted:#8f9baa;
}

/* Core number face */
.num{
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  text-rendering:geometricPrecision;
}

/* Large stage numbers: process / partnership / R&D */
.num-stage{
  display:block;
  margin:0;
  padding:0;
  font-size:42px!important;
  line-height:.90!important;
  font-weight:780!important;
  letter-spacing:-2.35px!important;
  color:var(--num-main)!important;
}

/* Compact numbers inside homepage ILovestudy System */
.num-system{
  display:block;
  margin:0!important;
  padding:0!important;
  font-size:28px!important;
  line-height:.95!important;
  font-weight:760!important;
  letter-spacing:-1.45px!important;
  color:#c1c9d4!important;
}

/* Small auxiliary sequence numbers: User Benefits */
.num-mini{
  display:block;
  margin:0;
  padding:0;
  font-size:12px!important;
  line-height:1!important;
  font-weight:720!important;
  letter-spacing:-.35px!important;
  color:#909cab!important;
}

/* ---------------------------------------------------------
   Homepage system 01 / 02 / 03
   --------------------------------------------------------- */
.metric{
  display:flex;
  flex-direction:column;
}
.metric .num-system{
  min-height:28px;
}
.metric small{
  margin-top:auto!important;
  padding-top:28px;
}
.metric h4{
  margin-top:8px;
}

/* Equal visual rhythm for all three */
.metric:nth-child(1) .num-system,
.metric:nth-child(2) .num-system,
.metric:nth-child(3) .num-system{
  color:#bdc6d2!important;
}
.metric:hover .num-system{
  color:var(--num-main-hover)!important;
  transition:color .18s ease;
}

/* ---------------------------------------------------------
   How We Work 01 / 02 / 03
   --------------------------------------------------------- */
.work-card-v68{
  display:flex;
  flex-direction:column;
}
.work-card-v68 .num-stage{
  position:relative;
  z-index:2;
}
.work-card-v68 small{
  margin-top:auto!important;
  padding-top:62px;
}
.work-card-v68 h3{
  margin-top:8px;
}
.work-card-v68:hover .num-stage{
  color:var(--num-main-hover)!important;
  transition:color .18s ease;
}

/* ---------------------------------------------------------
   Partnership 01 / 02 / 03 / 04
   Home + business page use exactly the same system
   --------------------------------------------------------- */
.partnership-card-v68 .num-stage{
  color:var(--num-main)!important;
}
.partnership-card-v68.featured .num-stage{
  color:var(--num-feature)!important;
}
.partnership-card-v68:hover .num-stage{
  color:var(--num-main-hover)!important;
}
.partnership-card-v68 small{
  margin-top:auto!important;
  padding-top:66px;
}

/* Business page partnership cards now match homepage */
.cards4 > .partnership-card-v68{
  min-height:230px;
  padding:24px 22px 22px;
  display:flex;
  flex-direction:column;
}

/* ---------------------------------------------------------
   R&D pipeline 01 / 02 / 03 / 04
   --------------------------------------------------------- */
.rd-v66-stage{
  display:flex;
  flex-direction:column;
}
.rd-v66-stage .num-stage{
  font-size:38px!important;
  letter-spacing:-2px!important;
}
.rd-v66-stage small{
  margin-top:auto!important;
  padding-top:42px;
}
.rd-v66-stage h3{
  margin-top:8px;
}
.rd-v66-stage:hover .num-stage{
  color:var(--num-main-hover)!important;
}
.rd-v66-stage-final .num-stage{
  color:var(--num-feature)!important;
}

/* R&D detail page */
.rd-page-pipeline-v66 article{
  display:flex;
  flex-direction:column;
}
.rd-page-pipeline-v66 .num-stage{
  font-size:40px!important;
  letter-spacing:-2.1px!important;
}
.rd-page-pipeline-v66 small{
  margin-top:auto!important;
  padding-top:72px;
}
.rd-page-pipeline-v66 h3{
  margin-top:8px;
}
.rd-page-pipeline-v66 article:hover .num-stage{
  color:var(--num-main-hover)!important;
}
.rd-page-pipeline-v66 article:last-child .num-stage{
  color:var(--num-feature)!important;
}

/* ---------------------------------------------------------
   User Benefits 01–06: same family, deliberately secondary
   --------------------------------------------------------- */
.commercial-v67-benefit-grid article{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.commercial-v67-benefit-grid .num-mini{
  min-height:12px;
}
.commercial-v67-benefit-grid strong{
  margin-top:8px;
}

/* ---------------------------------------------------------
   Responsive number scaling
   --------------------------------------------------------- */
@media(min-width:1500px){
  .num-stage{
    font-size:46px!important;
    letter-spacing:-2.55px!important;
  }
  .num-system{
    font-size:30px!important;
  }
  .rd-v66-stage .num-stage{
    font-size:40px!important;
  }
  .rd-page-pipeline-v66 .num-stage{
    font-size:42px!important;
  }
}

@media(max-width:1180px){
  .num-stage{
    font-size:38px!important;
    letter-spacing:-2px!important;
  }
  .num-system{
    font-size:25px!important;
    letter-spacing:-1.2px!important;
  }
  .work-card-v68 small,
  .partnership-card-v68 small{
    padding-top:50px;
  }
  .rd-v66-stage .num-stage,
  .rd-page-pipeline-v66 .num-stage{
    font-size:36px!important;
  }
}

@media(max-width:900px){
  .num-stage{
    font-size:36px!important;
  }
  .rd-v66-stage small{
    padding-top:30px;
  }
  .rd-page-pipeline-v66 small{
    padding-top:45px;
  }
}

@media(max-width:720px){
  .num-stage{
    font-size:33px!important;
    line-height:1!important;
    letter-spacing:-1.7px!important;
  }
  .num-system{
    font-size:24px!important;
    letter-spacing:-1.1px!important;
  }
  .num-mini{
    font-size:11px!important;
  }

  .metric small{
    padding-top:14px;
  }

  /* How We Work mobile: preserve number as left-side stage marker */
  .work-card-v68{
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    grid-template-rows:auto auto;
    column-gap:12px;
    align-items:end;
  }
  .work-card-v68 .num-stage{
    grid-column:1;
    grid-row:1 / span 2;
    align-self:start;
  }
  .work-card-v68 small{
    grid-column:2;
    grid-row:1;
    margin:0!important;
    padding:0!important;
  }
  .work-card-v68 h3{
    grid-column:2;
    grid-row:2;
    margin-top:7px;
  }

  /* Partnership mobile already horizontal; normalize spacing */
  .partnership-card-v68 small{
    padding:0!important;
  }

  /* R&D cards: compact vertical hierarchy */
  .rd-v66-stage .num-stage,
  .rd-page-pipeline-v66 .num-stage{
    font-size:32px!important;
  }
  .rd-v66-stage small,
  .rd-page-pipeline-v66 small{
    padding-top:24px;
  }
}

@media(max-width:420px){
  .num-stage{
    font-size:31px!important;
  }
  .num-system{
    font-size:22px!important;
  }
}

/* =========================================================
   V7.4 GLOBAL TYPOGRAPHY & VISUAL SYSTEM
   Full-site typography, English hierarchy, footer, spacing,
   cards, buttons and responsive consolidation.
   ========================================================= */

:root{
  --ink-strong:#162136;
  --ink:#1c2940;
  --ink-soft:#52647a;
  --muted:#728196;
  --muted-2:#8c99a8;
  --line:#dfe6ef;
  --line-strong:#cfd9e5;
  --surface:#ffffff;
  --surface-soft:#f5f8fb;
  --surface-blue:#edf3f9;
  --brand-navy:#1a2740;
  --brand-blue:#4f74e8;
  --brand-purple:#6859d4;
  --radius-lg:24px;
  --radius-md:18px;
  --shadow-soft:0 14px 36px rgba(45,64,91,.055);
  --shadow-hover:0 18px 42px rgba(45,64,91,.08);
}

/* ---------------------------
   Global typography
   --------------------------- */
body{
  color:var(--ink-strong);
  line-height:1.68;
}

h1,h2,h3,h4{
  color:var(--ink-strong);
  font-weight:760;
}

p{
  color:var(--ink-soft);
}

/* English support type: make visible, not microscopic */
.eyebrow,
.system-head span,
.system-brand small,
.metric small,
.work-card small,
.card small,
.rd-v66-stage small,
.rd-page-pipeline-v66 small,
.rd-v66-assets span,
.rd-page-assets-v66 span,
.commercial-v67-kicker span,
.commercial-v67-copy small,
.commercial-v67-benefit-head>span,
.case .eyebrow,
.footer p{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:680;
  text-transform:uppercase;
  letter-spacing:1.35px;
}

.eyebrow{
  font-size:10px!important;
  line-height:1.45;
  color:#748399;
}

.section-head .eyebrow,
.page-hero .eyebrow{
  margin-bottom:7px;
}

/* ---------------------------
   Header brand lockup
   --------------------------- */
.brand{
  gap:11px;
}
.brand img{
  width:45px;
  height:45px;
  border-radius:11px;
}
.brand span{
  display:flex;
  align-items:baseline;
  gap:1px;
}
.brand strong{
  font-size:20px;
  line-height:1;
  font-weight:820;
  letter-spacing:-.6px;
  color:#152033;
}
.brand em{
  font-size:15px!important;
  line-height:1;
  font-weight:820!important;
  letter-spacing:-.2px;
  color:#6558db;
}
.nav{
  min-height:72px;
}
.links a{
  font-size:12.5px;
  font-weight:560;
  color:#68778a;
}
.cta{
  font-size:12px;
  font-weight:680;
}

/* ---------------------------
   Hero
   --------------------------- */
.hero-grid{
  padding:58px 0 64px;
}
.hero .eyebrow{
  font-size:9.5px!important;
  letter-spacing:1.5px;
  margin-bottom:10px;
}
.hero h1{
  max-width:610px;
  font-size:clamp(50px,4.5vw,68px);
  line-height:1.005;
  letter-spacing:-.052em;
}
.hero p{
  max-width:555px;
  margin-top:20px;
  font-size:14px;
  line-height:1.78;
}
.hero .btn{
  font-size:12px;
  font-weight:670;
}

/* ---------------------------
   System panel English + Chinese
   --------------------------- */
.system-head span{
  font-size:9px!important;
  letter-spacing:1.3px;
  color:#8290a1;
}
.system-head strong{
  margin-left:2px;
  font-size:13.5px!important;
  font-weight:760;
  letter-spacing:-.1px;
}
.status{
  font-size:8.5px!important;
}
.system-brand small{
  font-size:8.5px!important;
  letter-spacing:1.25px;
}
.system-brand h3{
  font-size:24px;
  letter-spacing:-.8px;
}
.system-brand p{
  font-size:10.5px!important;
  text-transform:none;
  letter-spacing:0;
}
.metric small{
  font-size:8.5px!important;
  letter-spacing:1.25px;
}
.metric h4{
  font-size:14px;
  font-weight:720;
}

/* ---------------------------
   Section headings
   --------------------------- */
.section{
  padding:74px 0;
}
.section-head{
  gap:44px;
  margin-bottom:30px;
}
.section-head h2{
  font-size:clamp(38px,3.45vw,50px);
  line-height:1.06;
  letter-spacing:-.045em;
}
.section-head p{
  font-size:13.5px;
  line-height:1.78;
}

/* ---------------------------
   How We Work
   --------------------------- */
.work-card-v68{
  border-radius:20px;
}
.work-card-v68 small{
  font-size:8.5px!important;
  letter-spacing:1.25px;
}
.work-card-v68 h3{
  font-size:20.5px;
  letter-spacing:-.45px;
}

/* ---------------------------
   Partnership
   --------------------------- */
.partnership-card-v68{
  border-radius:20px;
}
.partnership-card-v68 small{
  font-size:8.5px!important;
  letter-spacing:1.25px;
}
.partnership-card-v68 h3{
  font-size:21px;
  letter-spacing:-.5px;
}

/* ---------------------------
   R&D
   --------------------------- */
.rd-v66-stage small,
.rd-page-pipeline-v66 small{
  font-size:8.2px!important;
  letter-spacing:1.2px;
}
.rd-v66-stage h3,
.rd-page-pipeline-v66 h3{
  font-size:16.5px;
  letter-spacing:-.35px;
}
.rd-v66-assets span,
.rd-page-assets-v66 span{
  font-size:8.2px!important;
}
.rd-v66-assets h3,
.rd-page-assets-v66 h3{
  letter-spacing:-.35px;
}

/* ---------------------------
   Commercial
   --------------------------- */
.commercial-v67-kicker span{
  font-size:9px!important;
}
.commercial-v67-kicker strong{
  font-size:13.5px;
}
.commercial-v67-copy small{
  font-size:8.5px!important;
}
.commercial-v67-copy h3{
  font-size:21.5px;
}
.commercial-v67-benefit-head>span{
  font-size:9px!important;
}
.commercial-v67-benefit-head h3{
  font-size:30px;
}
.commercial-v67-benefit-head p{
  font-size:11.8px;
}
.commercial-v67-note{
  font-size:9px;
  line-height:1.6;
}

/* ---------------------------
   Case Studies
   --------------------------- */
.case{
  border-radius:20px;
}
.case-head h3{
  font-size:27px;
  letter-spacing:-.7px;
}
.case-head p{
  font-size:12.5px;
}
.case-body p{
  font-size:12.8px;
  line-height:1.82;
}
.evidence a{
  font-size:10.5px;
}

/* ---------------------------
   Page hero
   --------------------------- */
.page-hero h1{
  font-size:clamp(48px,4.8vw,68px);
  line-height:1.03;
}
.page-hero p{
  font-size:14px;
  line-height:1.78;
}

/* ---------------------------
   Cards and surfaces
   --------------------------- */
.work-card,
.card,
.info-card,
.case,
.business-box,
.benefits-box,
.commercial-v67-business,
.commercial-v67-benefits,
.rd-v66-stage,
.rd-v66-assets article,
.rd-page-assets-v66 article{
  border-color:var(--line);
  box-shadow:var(--shadow-soft);
}

.work-card:hover,
.card:hover,
.info-card:hover,
.commercial-v67-benefit-grid article:hover{
  box-shadow:var(--shadow-hover);
}

/* ---------------------------
   Buttons
   --------------------------- */
.btn{
  min-height:43px;
  padding:0 18px;
  border-radius:999px;
  font-size:12px;
  font-weight:670;
}
.btn-primary,
.cta{
  background:var(--brand-navy)!important;
  color:#fff!important;
}
.btn-secondary{
  color:#41546c!important;
}

/* ---------------------------
   Footer redesign
   --------------------------- */
.footer{
  padding:0;
  background:
    radial-gradient(circle at 86% 0%,rgba(86,105,220,.10),transparent 30%),
    linear-gradient(135deg,#18243a,#202f49);
  border-top:1px solid rgba(255,255,255,.055);
}
.footer-v74{
  min-height:118px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  padding-top:26px;
  padding-bottom:26px;
}
.footer-brand-v74{
  min-width:0;
}
.footer-brand-name-v74{
  font-size:17px;
  line-height:1.2;
  font-weight:790;
  color:#f2f5fa;
  letter-spacing:-.35px;
}
.footer-brand-name-v74 span{
  color:#a9b3ff;
  font-size:14px;
  margin-left:1px;
}
.footer-brand-v74 p{
  margin-top:7px;
  font-size:8.5px!important;
  line-height:1.4;
  letter-spacing:1.3px;
  color:#8796a9;
}
.footer-meta-v74{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:9px 16px;
  font-size:10px;
  color:#8d9bad;
}
.footer-meta-v74>span{
  color:#aab6c5;
}
.footer-meta-v74 a{
  color:#aab6c5;
  transition:color .18s ease;
}
.footer-meta-v74 a:hover{
  color:#fff;
}

/* ---------------------------
   Ultra wide
   --------------------------- */
@media(min-width:1600px){
  .brand strong{font-size:21px}
  .brand em{font-size:16px!important}
  .hero h1{font-size:70px}
  .hero p{font-size:14.2px}
}

/* ---------------------------
   Laptop
   --------------------------- */
@media(max-width:1400px){
  .brand img{width:41px;height:41px}
  .brand strong{font-size:18.5px}
  .brand em{font-size:14px!important}
  .nav{min-height:66px}

  .hero .eyebrow{font-size:9px!important}
  .hero h1{font-size:clamp(46px,4.2vw,60px)}
  .hero p{font-size:13.3px}

  .eyebrow{font-size:9.5px!important}
  .section-head h2{font-size:clamp(36px,3.3vw,46px)}
}

/* ---------------------------
   Short notebook
   --------------------------- */
@media(max-height:900px) and (min-width:1100px){
  .brand img{width:38px;height:38px}
  .brand strong{font-size:17px}
  .brand em{font-size:13px!important}
  .hero .eyebrow{font-size:8.5px!important}
  .hero h1{font-size:clamp(43px,3.9vw,55px)}
  .hero p{font-size:12.8px}
  .system-head span{font-size:8.2px!important}
  .metric small{font-size:8px!important}
}

/* ---------------------------
   Tablet
   --------------------------- */
@media(max-width:1100px){
  .section-head{
    grid-template-columns:1fr;
    gap:12px;
  }
  .section-head p{
    max-width:720px;
  }
  .footer-v74{
    align-items:flex-start;
  }
}

/* ---------------------------
   Mobile H5
   --------------------------- */
@media(max-width:720px){
  .brand img{
    width:36px;
    height:36px;
  }
  .brand strong{
    font-size:15.5px;
  }
  .brand em{
    font-size:12px!important;
  }

  .eyebrow{
    font-size:8.5px!important;
    letter-spacing:1.1px;
  }

  .hero .eyebrow{
    font-size:8px!important;
  }
  .hero h1{
    font-size:37px;
  }
  .hero p{
    font-size:12.4px;
  }

  .system-head span{
    font-size:7.8px!important;
    letter-spacing:1px;
  }
  .system-head strong{
    font-size:11px!important;
  }
  .system-brand small{
    font-size:7.6px!important;
  }
  .system-brand h3{
    font-size:19px;
  }
  .system-brand p{
    font-size:9px!important;
  }
  .metric small{
    font-size:7.7px!important;
  }

  .section{
    padding:52px 0;
  }
  .section-head h2{
    font-size:30px;
  }
  .section-head p{
    font-size:12px;
  }

  .work-card-v68 small,
  .partnership-card-v68 small,
  .rd-v66-stage small,
  .rd-page-pipeline-v66 small{
    font-size:7.5px!important;
  }

  .commercial-v67-benefit-head h3{
    font-size:25px;
  }

  .page-hero h1{
    font-size:39px;
  }
  .page-hero p{
    font-size:12.5px;
  }

  .footer-v74{
    min-height:auto;
    flex-direction:column;
    align-items:flex-start;
    padding-top:26px;
    padding-bottom:24px;
    gap:18px;
  }
  .footer-brand-name-v74{
    font-size:16px;
  }
  .footer-brand-name-v74 span{
    font-size:13px;
  }
  .footer-brand-v74 p{
    font-size:7.8px!important;
  }
  .footer-meta-v74{
    justify-content:flex-start;
    gap:8px 14px;
    font-size:9.5px;
  }
}

@media(max-width:420px){
  .brand em{
    font-size:11px!important;
  }
  .hero h1{
    font-size:34px;
  }
  .footer-meta-v74{
    row-gap:10px;
  }
}

/* Respect reduced motion */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important;
  }
}

/* =========================================================
   V7.5 RESPONSIVE QA & FIX
   Mobile-first correction layer for all known issues
   ========================================================= */

/* Global safety */
html,body{
  max-width:100%;
  overflow-x:hidden;
}
*{
  min-width:0;
}
img,svg,video,canvas{
  max-width:100%;
  height:auto;
}
h1,h2,h3,h4,p,a,span,strong,small{
  overflow-wrap:break-word;
  word-break:normal;
}
button,a{
  -webkit-tap-highlight-color:transparent;
}

/* Keep Chinese headings from ugly forced breaks where possible */
h1,h2,h3,h4{
  text-wrap:balance;
}

/* ---------- Tablet ---------- */
@media(max-width:1024px){
  .container{
    width:calc(100% - 36px);
  }

  .hero-grid,
  .rd-v66-layout,
  .rd-page-grid-v66,
  .commercial-v67-layout{
    grid-template-columns:1fr!important;
  }

  .system{
    width:100%;
    max-width:820px;
    margin-left:auto;
    margin-right:auto;
  }

  /* Commercial must always show business first */
  .commercial-v67-layout{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
  }
  .commercial-v67-business{
    order:1!important;
    display:block!important;
    width:100%!important;
  }
  .commercial-v67-benefits{
    order:2!important;
    display:block!important;
    width:100%!important;
  }
  .commercial-v67-benefit-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  /* R&D */
  .rd-v66-layout{
    display:grid!important;
    gap:14px!important;
  }
  .rd-v66-pipeline{
    width:100%!important;
  }
  .rd-v66-assets{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .rd-page-grid-v66{
    display:grid!important;
    gap:26px!important;
  }
}

/* ---------- Mobile H5 ---------- */
@media(max-width:720px){
  .container{
    width:calc(100% - 28px)!important;
  }

  body{
    font-size:14px;
  }

  /* Header */
  .site-header{
    position:sticky;
    top:0;
  }
  .nav{
    min-height:60px!important;
    gap:10px!important;
  }
  .brand{
    flex:1 1 auto;
    min-width:0;
  }
  .brand span{
    white-space:nowrap;
  }
  .brand strong{
    font-size:15.5px!important;
  }
  .brand em{
    font-size:12px!important;
  }
  .menu{
    display:block!important;
    margin-left:auto!important;
    min-width:44px;
    min-height:40px;
    padding:0 8px;
    border:1px solid #d7e0ea;
    border-radius:12px;
    background:#fff;
    color:#46576c;
  }
  .links,.cta{
    display:none!important;
  }
  .mobile-links.open{
    display:flex!important;
    flex-direction:column;
    gap:0;
    padding:8px 14px 14px;
  }
  .mobile-links a{
    min-height:44px;
    display:flex;
    align-items:center;
    font-size:13px;
    border-bottom:1px solid #edf1f5;
  }
  .mobile-links a:last-child{
    border-bottom:0;
  }

  /* Hero */
  .hero-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    padding:28px 0 38px!important;
    gap:22px!important;
  }
  .hero h1{
    max-width:none!important;
    font-size:clamp(33px,10vw,39px)!important;
    line-height:1.02!important;
  }
  .hero p{
    max-width:none!important;
    font-size:12.5px!important;
    line-height:1.72!important;
  }
  .hero .actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .hero .btn{
    width:100%;
    min-height:46px!important;
  }

  /* System panel */
  .system{
    width:100%!important;
    border-radius:20px!important;
  }
  .system-head{
    min-height:54px!important;
    padding:12px!important;
    gap:8px;
  }
  .system-head>div{
    min-width:0;
  }
  .system-head span{
    font-size:7.5px!important;
  }
  .system-head strong{
    display:block;
    margin-left:0!important;
    margin-top:2px;
    font-size:11px!important;
  }
  .status{
    flex:0 0 auto;
  }
  .system-main{
    padding:10px!important;
  }
  .system-brand{
    grid-template-columns:68px minmax(0,1fr)!important;
    gap:11px!important;
    padding:11px!important;
  }
  .system-brand h3{
    font-size:19px!important;
  }
  .metrics{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .metric{
    min-height:92px!important;
    padding:12px!important;
  }
  .metric .num-system{
    font-size:22px!important;
  }
  .metric small{
    margin-top:0!important;
    padding-top:10px!important;
  }
  .metric h4{
    font-size:14px!important;
    line-height:1.35!important;
  }
  .system-foot{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
    font-size:6.5px;
  }

  /* Section headings */
  .section{
    padding:50px 0!important;
  }
  .section-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-bottom:22px!important;
  }
  .section-head h2{
    font-size:30px!important;
    line-height:1.08!important;
  }
  .section-head p{
    max-width:none!important;
    font-size:12px!important;
    line-height:1.7!important;
  }

  /* How We Work */
  .work3{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .flow-line{
    display:none!important;
  }
  .work-card-v68{
    min-height:126px!important;
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:12px!important;
    padding:16px!important;
  }
  .work-card-v68 .num-stage{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:start!important;
    font-size:31px!important;
  }
  .work-card-v68 small{
    grid-column:2!important;
    grid-row:1!important;
    padding:0!important;
    margin:0!important;
    align-self:end;
  }
  .work-card-v68 h3{
    grid-column:2!important;
    grid-row:2!important;
    margin-top:6px!important;
    font-size:17px!important;
  }
  .work-symbol{
    width:40px!important;
    height:40px!important;
    right:12px!important;
    top:12px!important;
    opacity:.55;
  }

  /* Partnership */
  .cards4{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .partnership-card-v68{
    width:100%!important;
    min-height:126px!important;
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:12px!important;
    padding:16px!important;
  }
  .partnership-card-v68 .num-stage{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:start!important;
    font-size:31px!important;
  }
  .partnership-card-v68 small{
    grid-column:2!important;
    grid-row:1!important;
    padding:0!important;
    margin:0!important;
    align-self:end;
  }
  .partnership-card-v68 h3{
    grid-column:2!important;
    grid-row:2!important;
    margin-top:6px!important;
    font-size:17px!important;
  }
  .stage-mark{
    width:38px!important;
    height:38px!important;
    right:12px!important;
    top:12px!important;
    opacity:.52;
  }

  /* =====================================================
     COMMERCIAL MODEL — critical mobile fix
     Business A/B/C always visible before User Benefits
     ===================================================== */
  .commercial-v67-layout{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    width:100%!important;
  }
  .commercial-v67-business{
    order:1!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    padding:15px!important;
    border-radius:19px!important;
  }
  .commercial-v67-kicker{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:3px!important;
    padding-bottom:12px!important;
  }
  .commercial-v67-kicker span{
    font-size:8px!important;
  }
  .commercial-v67-kicker strong{
    font-size:13px!important;
  }
  .commercial-v67-abc{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    margin-top:12px!important;
    border-radius:16px!important;
  }
  .commercial-v67-abc article{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px!important;
    min-height:102px!important;
    width:100%!important;
    padding:14px!important;
    border-right:0!important;
    border-bottom:1px solid #e5ebf1!important;
  }
  .commercial-v67-abc article:last-child{
    border-bottom:0!important;
  }
  .commercial-v67-letter{
    width:44px!important;
    height:44px!important;
    border-radius:13px!important;
    font-size:17px!important;
  }
  .commercial-v67-copy{
    margin:0!important;
  }
  .commercial-v67-copy small{
    font-size:7.4px!important;
  }
  .commercial-v67-copy h3{
    margin-top:5px!important;
    font-size:18px!important;
    line-height:1.3!important;
  }

  .commercial-v67-benefits{
    order:2!important;
    display:block!important;
    width:100%!important;
    padding:17px!important;
    border-radius:19px!important;
  }
  .commercial-v67-benefit-head h3{
    font-size:24px!important;
  }
  .commercial-v67-benefit-head p{
    font-size:11px!important;
    line-height:1.65!important;
  }
  .commercial-v67-benefit-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin-top:18px!important;
  }
  .commercial-v67-benefit-grid article{
    min-height:68px!important;
    padding:10px!important;
  }
  .commercial-v67-benefit-grid strong{
    font-size:11px!important;
  }

  /* =====================================================
     R&D homepage — mobile productization flow
     ===================================================== */
  .rd-v66-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .rd-v66-pipeline{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    min-height:0!important;
    padding:13px!important;
    border-radius:19px!important;
  }
  .rd-v66-arrow{
    display:none!important;
  }
  .rd-v66-stage{
    min-height:100px!important;
    display:grid!important;
    grid-template-columns:50px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    padding:13px!important;
    border-radius:15px!important;
  }
  .rd-v66-stage .num-stage{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:start!important;
    font-size:29px!important;
  }
  .rd-v66-stage small{
    grid-column:2!important;
    grid-row:1!important;
    padding:0!important;
    margin:0!important;
    align-self:end!important;
  }
  .rd-v66-stage h3{
    grid-column:2!important;
    grid-row:2!important;
    margin-top:5px!important;
    font-size:16px!important;
  }
  .rd-v66-assets{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  .rd-v66-assets article{
    min-height:78px!important;
    padding:13px 14px!important;
    border-radius:15px!important;
  }
  .rd-v66-assets h3{
    margin-top:13px!important;
    font-size:15px!important;
  }
  .rd-v66-footer{
    align-items:flex-start!important;
    gap:12px;
  }

  /* =====================================================
     Research detail page — mobile
     ===================================================== */
  .rd-page-grid-v66{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  .rd-page-copy-v66 h2{
    font-size:30px!important;
  }
  .rd-page-pipeline-v66{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    border-radius:18px!important;
  }
  .rd-page-pipeline-v66 article{
    min-height:104px!important;
    display:grid!important;
    grid-template-columns:50px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:0 10px!important;
    padding:13px!important;
    border-right:0!important;
    border-bottom:1px solid #e4eaf0!important;
  }
  .rd-page-pipeline-v66 article:last-child{
    border-bottom:0!important;
  }
  .rd-page-pipeline-v66 .num-stage{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    font-size:29px!important;
  }
  .rd-page-pipeline-v66 small{
    grid-column:2!important;
    grid-row:1!important;
    padding:0!important;
    margin:0!important;
    align-self:end!important;
  }
  .rd-page-pipeline-v66 h3{
    grid-column:2!important;
    grid-row:2!important;
    margin-top:5px!important;
    font-size:16px!important;
  }
  .rd-page-assets-v66{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .rd-page-assets-v66 article{
    min-height:100px!important;
    padding:15px!important;
  }
  .rd-page-assets-v66 h3{
    margin-top:30px!important;
    font-size:16px!important;
  }

  /* General info cards */
  .page-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .info-card{
    padding:18px!important;
    border-radius:18px!important;
  }
  .info-card h3{
    font-size:18px!important;
  }

  /* Case studies */
  .case{
    border-radius:18px!important;
  }
  .case-head{
    padding:18px!important;
  }
  .case-head h3{
    font-size:23px!important;
  }
  .case-body{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .case-body>div{
    padding:17px!important;
  }
  .case-body>div+div{
    border-left:0!important;
    border-top:1px solid #edf1f5!important;
  }
  .case-body p{
    font-size:12.2px!important;
    line-height:1.75!important;
  }
  .evidence{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:10px!important;
    padding:14px 17px!important;
  }
  .evidence>div{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
  }
  .evidence a{
    margin-left:0!important;
    min-height:38px;
    align-items:center;
  }

  /* Contact CTA */
  .contact-v66{
    padding:48px 0!important;
  }
  .contact-v66-panel{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:20px!important;
    padding:22px 18px!important;
    border-radius:20px!important;
  }
  .contact-v66-copy h2{
    font-size:30px!important;
  }
  .contact-v66-copy p{
    font-size:12px!important;
    line-height:1.7!important;
  }
  .contact-v66-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  .contact-v66-actions .btn{
    width:100%!important;
    min-height:46px!important;
  }

  /* Footer */
  .footer-v74{
    width:calc(100% - 28px)!important;
    min-height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:16px!important;
    padding-top:24px!important;
    padding-bottom:22px!important;
  }
  .footer-brand-name-v74{
    font-size:16px!important;
  }
  .footer-brand-name-v74 span{
    font-size:13px!important;
  }
  .footer-brand-v74 p{
    max-width:100%;
    font-size:7.7px!important;
    line-height:1.55!important;
  }
  .footer-meta-v74{
    width:100%;
    justify-content:flex-start!important;
    gap:8px 13px!important;
    font-size:9.5px!important;
  }
  .footer-meta-v74 a{
    min-height:32px;
    display:inline-flex;
    align-items:center;
  }
}

/* ---------- Small phones ---------- */
@media(max-width:390px){
  .container{
    width:calc(100% - 22px)!important;
  }
  .brand em{
    font-size:10.5px!important;
  }
  .hero h1{
    font-size:32px!important;
  }
  .section-head h2{
    font-size:28px!important;
  }
  .commercial-v67-benefit-grid{
    grid-template-columns:1fr!important;
  }
  .system-head .status{
    padding:5px 7px;
    font-size:7px!important;
  }
}

/* ---------- Landscape short mobile ---------- */
@media(max-height:520px) and (max-width:900px){
  .site-header{
    position:relative;
  }
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation:none!important;
    transition:none!important;
  }
}

/* =========================================================
   V7.6 CROSS-DEVICE QA & FINAL POLISH
   Desktop / Laptop / iPad landscape / iPad portrait / small
   tablet / mobile consolidation.
   ========================================================= */

/* ---------- Global layout safety ---------- */
:root{
  --content-wide:1280px;
  --content-normal:1220px;
}

.container{
  width:min(var(--content-normal),calc(100% - 48px));
}

section,header,footer,main{
  width:100%;
}

.system,
.commercial-v67-business,
.commercial-v67-benefits,
.rd-v66-pipeline,
.rd-v66-assets,
.case,
.info-card{
  min-width:0;
}

/* Prevent awkward English labels from wrapping too early */
.eyebrow,
.metric small,
.work-card small,
.partnership-card-v68 small,
.rd-v66-stage small,
.rd-page-pipeline-v66 small,
.commercial-v67-copy small,
.commercial-v67-benefit-head>span{
  white-space:normal;
  overflow-wrap:anywhere;
}

/* ---------- 1920+ desktop ---------- */
@media(min-width:1600px){
  .container{
    width:min(var(--content-wide),calc(100% - 64px));
  }

  .nav{
    min-height:76px;
  }

  .hero-grid{
    grid-template-columns:minmax(0,.82fr) minmax(600px,1.18fr);
    gap:76px;
    padding:68px 0 74px;
  }

  .hero h1{
    max-width:650px;
    font-size:72px;
  }

  .hero p{
    max-width:580px;
    font-size:14.5px;
  }

  .system{
    max-width:740px;
  }

  .section{
    padding:86px 0;
  }

  .section-head{
    margin-bottom:36px;
  }

  .work-card-v68,
  .partnership-card-v68{
    min-height:250px;
  }

  .commercial-v67-layout{
    grid-template-columns:minmax(0,1.55fr) minmax(390px,.72fr);
  }

  .commercial-v67-abc article{
    min-height:310px;
  }
}

/* ---------- Standard desktop 1366–1599 ---------- */
@media(min-width:1200px) and (max-width:1599px){
  .container{
    width:min(1180px,calc(100% - 40px));
  }

  .hero-grid{
    grid-template-columns:minmax(0,.84fr) minmax(500px,1.16fr);
    gap:42px;
    padding:50px 0 56px;
  }

  .hero h1{
    font-size:clamp(48px,4.2vw,62px);
    max-width:570px;
  }

  .system{
    max-width:650px;
  }

  .work-card-v68,
  .partnership-card-v68{
    min-height:220px;
  }

  .commercial-v67-layout{
    grid-template-columns:minmax(0,1.42fr) minmax(340px,.72fr);
  }

  .commercial-v67-abc article{
    min-height:275px;
  }
}

/* ---------- Short-screen laptop ---------- */
@media(min-width:1100px) and (max-height:820px){
  .nav{
    min-height:62px!important;
  }

  .hero-grid{
    padding:28px 0 34px!important;
  }

  .hero h1{
    font-size:clamp(42px,3.8vw,54px)!important;
  }

  .hero p{
    margin-top:14px!important;
    font-size:12.7px!important;
    line-height:1.62!important;
  }

  .hero .actions{
    margin-top:16px!important;
  }

  .system{
    max-width:620px!important;
  }

  .system-head{
    min-height:50px!important;
  }

  .system-brand{
    grid-template-columns:76px minmax(0,1fr)!important;
    padding:10px!important;
  }

  .chip-shell-v72{
    width:70px!important;
    height:70px!important;
  }

  .chip-v72{
    width:52px!important;
    height:52px!important;
  }

  .metrics{
    gap:6px!important;
  }

  .metric{
    min-height:88px!important;
  }

  .section{
    padding:58px 0!important;
  }
}

/* =========================================================
   iPad landscape / medium tablet 1024–1199
   ========================================================= */
@media(min-width:900px) and (max-width:1199px){
  .container{
    width:calc(100% - 44px)!important;
  }

  .nav{
    min-height:68px;
    gap:16px;
  }

  .brand img{
    width:40px;
    height:40px;
  }

  .brand strong{
    font-size:18px!important;
  }

  .brand em{
    font-size:13.5px!important;
  }

  .links{
    gap:14px!important;
  }

  .links a{
    font-size:11.5px!important;
  }

  .cta{
    padding:0 14px!important;
  }

  /* Hero stacks to avoid half-squeezed layout */
  .hero-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:30px!important;
    padding:46px 0 54px!important;
  }

  .hero h1{
    max-width:760px!important;
    font-size:clamp(52px,6.2vw,66px)!important;
  }

  .hero p{
    max-width:700px!important;
    font-size:13.5px!important;
  }

  .system{
    width:100%!important;
    max-width:900px!important;
    margin:0 auto!important;
  }

  .system-brand{
    grid-template-columns:104px minmax(0,1fr)!important;
  }

  .metrics{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  /* How We Work: 3-up remains good in landscape */
  .work3{
    display:grid!important;
    grid-template-columns:1fr 28px 1fr 28px 1fr!important;
    gap:0!important;
  }

  .work-card-v68{
    min-height:210px!important;
  }

  .work-card-v68 small{
    padding-top:48px!important;
  }

  /* Partnership: 2x2 on iPad landscape */
  .cards4{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }

  .partnership-card-v68{
    min-height:190px!important;
  }

  /* R&D pipeline: 2x2 instead of 4 narrow columns */
  .rd-v66-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .rd-v66-pipeline{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .rd-v66-arrow{
    display:none!important;
  }

  .rd-v66-stage{
    min-height:145px!important;
  }

  .rd-v66-assets{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  /* Commercial: business first, user value below but in compact band */
  .commercial-v67-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .commercial-v67-business{
    order:1;
  }

  .commercial-v67-benefits{
    order:2;
  }

  .commercial-v67-abc{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .commercial-v67-abc article{
    min-height:230px!important;
  }

  .commercial-v67-copy{
    margin-top:62px!important;
  }

  .commercial-v67-benefit-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  /* Case stays two-column on landscape */
  .case-body{
    grid-template-columns:1fr 1fr!important;
  }

  .footer-v74{
    flex-direction:row!important;
    align-items:center!important;
  }
}

/* =========================================================
   iPad portrait / tablet 720–899
   ========================================================= */
@media(min-width:721px) and (max-width:899px){
  .container{
    width:calc(100% - 36px)!important;
  }

  .links,.cta{
    display:none!important;
  }

  .menu{
    display:block!important;
    margin-left:auto!important;
    min-width:44px;
    min-height:40px;
    padding:0 10px;
    border:1px solid #d7e0ea;
    border-radius:12px;
    background:#fff;
    color:#46576c;
  }

  .mobile-links.open{
    display:flex!important;
    flex-direction:column;
    padding:8px 18px 14px;
    border-top:1px solid #e6ecf2;
  }

  .mobile-links a{
    min-height:46px;
    display:flex;
    align-items:center;
    border-bottom:1px solid #edf1f5;
    font-size:13px;
  }

  .hero-grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
    padding:42px 0 50px!important;
  }

  .hero h1{
    max-width:700px!important;
    font-size:clamp(46px,7vw,60px)!important;
  }

  .hero p{
    max-width:650px!important;
    font-size:13px!important;
  }

  .system{
    width:100%!important;
    max-width:none!important;
  }

  .metrics{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .metric{
    min-height:120px!important;
  }

  .work3{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .flow-line{
    display:none!important;
  }

  .work-card-v68{
    min-height:150px!important;
  }

  .cards4{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .partnership-card-v68{
    min-height:170px!important;
  }

  .rd-v66-pipeline{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }

  .rd-v66-arrow{
    display:none!important;
  }

  .rd-v66-assets{
    grid-template-columns:1fr!important;
  }

  .commercial-v67-layout{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
  }

  .commercial-v67-abc{
    grid-template-columns:1fr!important;
  }

  .commercial-v67-abc article{
    min-height:120px!important;
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    align-items:center!important;
    gap:14px!important;
    border-right:0!important;
    border-bottom:1px solid #e5ebf1!important;
  }

  .commercial-v67-copy{
    margin-top:0!important;
  }

  .commercial-v67-benefit-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .case-body{
    grid-template-columns:1fr!important;
  }

  .case-body>div+div{
    border-left:0!important;
    border-top:1px solid #edf1f5!important;
  }

  .contact-v66-panel{
    grid-template-columns:1fr!important;
  }

  .footer-v74{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
}

/* =========================================================
   Extra desktop polish / known alignment issues
   ========================================================= */

/* Keep system card heights aligned */
.metrics{
  align-items:stretch;
}
.metric{
  height:100%;
}

/* Keep partnership cards equal */
.cards4{
  align-items:stretch;
}
.partnership-card-v68{
  height:100%;
}

/* Prevent section title/right paragraph from drifting too high */
.section-head{
  align-items:end;
}

/* Make R&D asset cards visually aligned */
.rd-v66-assets article,
.rd-page-assets-v66 article{
  height:100%;
}

/* Commercial A/B/C equal heights */
.commercial-v67-abc{
  align-items:stretch;
}
.commercial-v67-abc article{
  height:100%;
}

/* Footer link tap/click and desktop hover */
.footer-meta-v74 a{
  padding:4px 0;
}

/* Prevent case title arrow/visual overlapping text */
.case-head{
  padding-right:74px;
}

/* Avoid CTA buttons becoming too narrow */
.contact-v66-actions .btn{
  min-width:138px;
}

/* =========================================================
   Small tablet edge 600–720
   ========================================================= */
@media(min-width:600px) and (max-width:720px){
  .commercial-v67-benefit-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .cards4{
    grid-template-columns:1fr!important;
  }
}

/* Reduced motion already supported; reinforce */
@media(prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto!important;
  }
}

/* =========================================================
   V7.7 VISUAL INFORMATION SYSTEM
   Restrained icons and micro charts. No external dependencies.
   ========================================================= */

/* Shared micro-icon surface */
.mini-icon-v77{
  position:absolute;
  right:14px;
  top:14px;
  width:36px;
  height:36px;
  border:1px solid #dce4ee;
  border-radius:12px;
  background:linear-gradient(145deg,#f8faff,#edf2f8);
  opacity:.82;
}
.metric-v77{
  position:relative;
}

/* USER NEED: person / signal */
.icon-need::before{
  content:"";
  position:absolute;
  left:13px;
  top:8px;
  width:8px;
  height:8px;
  border:1.6px solid #7386d8;
  border-radius:50%;
}
.icon-need::after{
  content:"";
  position:absolute;
  left:9px;
  bottom:7px;
  width:16px;
  height:9px;
  border:1.6px solid #7386d8;
  border-bottom:0;
  border-radius:9px 9px 0 0;
}

/* MARKET: ascending mini chart */
.icon-market::before{
  content:"";
  position:absolute;
  left:9px;
  bottom:8px;
  width:4px;
  height:8px;
  border-radius:2px;
  background:#9aa7dd;
  box-shadow:7px -4px 0 #8292da,14px -10px 0 #687dd6;
}
.icon-market::after{
  content:"";
  position:absolute;
  left:8px;
  top:10px;
  width:18px;
  height:1px;
  background:#6d80d6;
  transform:rotate(-25deg);
  transform-origin:left center;
}

/* VALIDATION: shield / check */
.icon-validation::before{
  content:"";
  position:absolute;
  left:10px;
  top:7px;
  width:15px;
  height:19px;
  border:1.6px solid #7484d5;
  border-radius:8px 8px 10px 10px;
  clip-path:polygon(50% 0,100% 16%,92% 72%,50% 100%,8% 72%,0 16%);
}
.icon-validation::after{
  content:"";
  position:absolute;
  left:14px;
  top:15px;
  width:8px;
  height:4px;
  border-left:1.8px solid #7484d5;
  border-bottom:1.8px solid #7484d5;
  transform:rotate(-45deg);
}

/* Keep system icon secondary to content */
.metric-v77 .num-system{
  position:relative;
  z-index:2;
}

/* ---------------------------------------------------------
   How We Work existing icons: slightly refine and standardize
   --------------------------------------------------------- */
.work-symbol{
  border-color:#dbe4ee!important;
  background:linear-gradient(145deg,#f8faff,#edf2f8)!important;
  box-shadow:0 6px 14px rgba(50,67,96,.04);
}
.work-symbol::before,
.work-symbol::after,
.work-symbol i{
  opacity:.88;
}

/* ---------------------------------------------------------
   Partnership existing stage marks: refine as one icon family
   --------------------------------------------------------- */
.stage-mark{
  border-color:#dbe4ee!important;
  background:linear-gradient(145deg,#f8faff,#edf2f8)!important;
  box-shadow:0 6px 14px rgba(50,67,96,.035);
}

/* ---------------------------------------------------------
   R&D micro progress chart
   --------------------------------------------------------- */
.rd-progress-v77{
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto 1fr auto;
  align-items:center;
  gap:10px;
  margin-top:16px;
  padding:13px 15px;
  border:1px solid #dde6ef;
  border-radius:16px;
  background:rgba(255,255,255,.66);
}
.rd-progress-node{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
.rd-progress-node span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#7d8fda;
  box-shadow:0 0 0 4px rgba(125,143,218,.09);
}
.rd-progress-node small{
  font-size:7.5px;
  line-height:1;
  letter-spacing:.9px;
  text-transform:uppercase;
  color:#8290a1;
  font-weight:680;
}
.rd-progress-v77>i{
  display:block;
  height:1px;
  background:linear-gradient(90deg,#c8d1e1,#9f99d8);
}

/* Research detail progress */
.rd-detail-progress-v77{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:20px;
  margin-bottom:14px;
  padding:12px 14px;
  border:1px solid #dfe7ef;
  border-radius:15px;
  background:#f8fafc;
}
.rd-detail-progress-v77 span{
  font-size:8px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.9px;
  color:#78889c;
  font-weight:680;
}
.rd-detail-progress-v77 i{
  flex:1 1 auto;
  min-width:18px;
  height:1px;
  background:linear-gradient(90deg,#cbd5e2,#a49bd9);
}

/* ---------------------------------------------------------
   Commercial A/B/C micro symbols
   --------------------------------------------------------- */
.commercial-letter-v77{
  position:relative;
  overflow:visible;
}
.commercial-symbol-v77{
  position:absolute;
  right:-8px;
  bottom:-8px;
  width:22px;
  height:22px;
  border:2px solid #fff;
  border-radius:8px;
  background:#f4f7fc;
  box-shadow:0 4px 10px rgba(48,64,92,.10);
}

/* partner / handshake abstraction */
.symbol-partner::before,
.symbol-partner::after{
  content:"";
  position:absolute;
  top:9px;
  width:8px;
  height:3px;
  border-radius:3px;
  background:#6d7ed4;
}
.symbol-partner::before{left:3px;transform:rotate(25deg)}
.symbol-partner::after{right:3px;transform:rotate(-25deg)}

/* media / signal */
.symbol-media::before{
  content:"";
  position:absolute;
  left:5px;
  top:5px;
  width:10px;
  height:10px;
  border:1.5px solid #6d7ed4;
  border-radius:50%;
}
.symbol-media::after{
  content:"";
  position:absolute;
  left:9px;
  top:9px;
  width:3px;
  height:3px;
  border-radius:50%;
  background:#6d7ed4;
}

/* product / cube abstraction */
.symbol-product::before{
  content:"";
  position:absolute;
  left:5px;
  top:5px;
  width:10px;
  height:10px;
  border:1.5px solid #6d7ed4;
  transform:rotate(45deg);
}

/* ---------------------------------------------------------
   Case studies evidence visual
   --------------------------------------------------------- */
.case-eyebrow-v77,
.evidence-v77{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.case-dot-v77{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#6d80d6;
  box-shadow:0 0 0 4px rgba(109,128,214,.08);
}
.evidence-icon-v77{
  position:relative;
  width:14px;
  height:14px;
  border:1.5px solid #7a8bd8;
  border-radius:4px;
}
.evidence-icon-v77::after{
  content:"";
  position:absolute;
  left:3px;
  top:3px;
  width:6px;
  height:3px;
  border-left:1.5px solid #7a8bd8;
  border-bottom:1.5px solid #7a8bd8;
  transform:rotate(-45deg);
}

/* ---------------------------------------------------------
   Responsive behavior: visual elements must never break layout
   --------------------------------------------------------- */
@media(max-width:1199px){
  .rd-progress-v77{
    gap:8px;
  }
}

@media(max-width:899px){
  .rd-progress-v77{
    grid-template-columns:1fr;
    gap:7px;
  }
  .rd-progress-v77>i{
    display:none;
  }
  .rd-progress-node{
    min-height:28px;
  }

  .rd-detail-progress-v77{
    flex-wrap:wrap;
    gap:8px 10px;
  }
  .rd-detail-progress-v77 i{
    flex:0 0 20px;
  }
}

@media(max-width:720px){
  .mini-icon-v77{
    width:32px;
    height:32px;
    right:10px;
    top:10px;
    opacity:.58;
  }

  .metric-v77{
    padding-right:48px!important;
  }

  .rd-progress-v77{
    padding:10px 12px;
  }

  .rd-detail-progress-v77{
    display:grid;
    grid-template-columns:auto 1fr auto 1fr;
    gap:9px;
  }
  .rd-detail-progress-v77 span{
    font-size:7.4px;
  }

  .commercial-symbol-v77{
    width:19px;
    height:19px;
    right:-6px;
    bottom:-6px;
  }

  .case-eyebrow-v77,
  .evidence-v77{
    gap:6px;
  }
}

/* Small phones: hide non-essential system icons before risking crowding */
@media(max-width:390px){
  .mini-icon-v77{
    opacity:.42;
  }
  .rd-detail-progress-v77{
    grid-template-columns:1fr 1fr;
  }
  .rd-detail-progress-v77 i{
    display:none;
  }
}

/* Reduced motion remains dependency-free */
@media(prefers-reduced-motion:reduce){
  .mini-icon-v77,
  .commercial-symbol-v77,
  .case-dot-v77,
  .evidence-icon-v77{
    transition:none!important;
    animation:none!important;
  }
}

/* =========================================================
   V7.8 VISUAL QA & ICON REFINEMENT
   ========================================================= */

/* Header: one Business Partnership entry only.
   Desktop keeps the CTA button; normal nav spacing is rebalanced. */
.links{
  gap:24px;
}
.links:empty{
  display:none;
}

/* ---------------------------------------------------------
   Shared icon visual system
   --------------------------------------------------------- */
.mini-icon-v77,
.work-symbol,
.stage-mark{
  border:1px solid #d9e3ee!important;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.92),transparent 32%),
    linear-gradient(145deg,#f8faff,#edf2f8)!important;
  box-shadow:
    0 7px 16px rgba(48,67,96,.045),
    inset 0 1px 0 rgba(255,255,255,.82);
}

/* Unified icon stroke */
.mini-icon-v77::before,
.mini-icon-v77::after,
.work-symbol::before,
.work-symbol::after,
.stage-mark::before,
.stage-mark::after{
  box-sizing:border-box;
}

/* ---------------------------------------------------------
   01 USER NEED — multiple users / user group
   --------------------------------------------------------- */
.icon-users-v78::before,
.icon-users-v78::after{
  display:none!important;
}

.icon-users-v78 .user-head,
.icon-users-v78 .user-body{
  position:absolute;
  display:block;
  box-sizing:border-box;
}

/* heads */
.icon-users-v78 .user-head{
  width:7px;
  height:7px;
  border:1.6px solid #6f82d7;
  border-radius:50%;
  background:#f7f9fe;
}
.icon-users-v78 .user-head-a{
  left:14px;
  top:7px;
}
.icon-users-v78 .user-head-b{
  left:6px;
  top:11px;
  transform:scale(.88);
  opacity:.82;
}
.icon-users-v78 .user-head-c{
  right:6px;
  top:11px;
  transform:scale(.88);
  opacity:.82;
}

/* shoulders / bodies */
.icon-users-v78 .user-body{
  height:9px;
  border:1.6px solid #6f82d7;
  border-bottom:0;
  border-radius:10px 10px 0 0;
}
.icon-users-v78 .user-body-a{
  left:10px;
  bottom:7px;
  width:15px;
  z-index:3;
  background:#f7f9fe;
}
.icon-users-v78 .user-body-b{
  left:3px;
  bottom:6px;
  width:12px;
  opacity:.72;
}
.icon-users-v78 .user-body-c{
  right:3px;
  bottom:6px;
  width:12px;
  opacity:.72;
}

/* ---------------------------------------------------------
   02 MARKET VALUE — make chart cleaner and readable
   --------------------------------------------------------- */
.icon-market::before{
  left:8px!important;
  bottom:8px!important;
  width:4px!important;
  height:7px!important;
  border-radius:2px 2px 1px 1px!important;
  background:#a0acdf!important;
  box-shadow:
    7px -4px 0 #8696dc,
    14px -10px 0 #667bd5!important;
}
.icon-market::after{
  left:8px!important;
  top:10px!important;
  width:19px!important;
  height:1.6px!important;
  background:#6378d3!important;
  transform:rotate(-26deg)!important;
  border-radius:999px;
}

/* ---------------------------------------------------------
   03 VALIDATION — strong check mark
   --------------------------------------------------------- */
.icon-check-v78::before{
  content:""!important;
  position:absolute!important;
  left:6px!important;
  top:6px!important;
  width:24px!important;
  height:24px!important;
  border:1.7px solid #6f82d7!important;
  border-radius:50%!important;
  clip-path:none!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(103,124,215,.06),transparent 65%)!important;
}
.icon-check-v78::after{
  content:""!important;
  position:absolute!important;
  left:11px!important;
  top:12px!important;
  width:13px!important;
  height:7px!important;
  border-left:2.5px solid #586fd0!important;
  border-bottom:2.5px solid #586fd0!important;
  transform:rotate(-45deg)!important;
  border-radius:0 0 0 1px;
}
.icon-check-v78 i{
  display:none!important;
}

/* 03 is a little more visually confident */
.metric-validation .mini-icon-v77{
  border-color:#ccd8ea!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(99,121,211,.09),transparent 68%),
    linear-gradient(145deg,#f9fbff,#edf2fb)!important;
}

/* ---------------------------------------------------------
   How We Work icon family
   --------------------------------------------------------- */
.work-symbol-a::before{
  border-width:1.6px!important;
}
.work-symbol-a::after{
  height:1.6px!important;
}

.work-symbol-b::before{
  border-width:1.6px!important;
}
.work-symbol-b::after{
  height:1.6px!important;
}

.work-symbol-c::before{
  width:7px!important;
  height:7px!important;
  background:#6f81d5!important;
  box-shadow:
    14px -9px 0 #6f81d5,
    27px 1px 0 #6f81d5!important;
}
.work-symbol-c::after{
  background:#8494d9!important;
  height:1.4px!important;
}

/* ---------------------------------------------------------
   Partnership: clearer stage visuals, still secondary
   --------------------------------------------------------- */
.stage-mark{
  opacity:.82;
}
.partnership-card-v68:hover .stage-mark{
  opacity:1;
  border-color:#cbd7e7!important;
}

/* Pre-launch = package / preparation */
.stage-mark-1::before{
  width:18px!important;
  height:18px!important;
  border:1.6px solid #7183d7!important;
}

/* Market-ready = launched status */
.stage-mark-2::before{
  height:2px!important;
  background:#7183d7!important;
  box-shadow:0 7px 0 #98a5dd!important;
}

/* Mature = growth bars */
.stage-mark-3::before{
  background:#9ca8dd!important;
  box-shadow:
    10px -7px 0 #8392da,
    20px -14px 0 #667bd5!important;
}

/* Co-development = connected core */
.stage-mark-4::before{
  border-width:1.6px!important;
}
.stage-mark-4::after{
  background:#705fd0!important;
}

/* ---------------------------------------------------------
   R&D progress graphic — stronger hierarchy but restrained
   --------------------------------------------------------- */
.rd-progress-v77{
  background:
    linear-gradient(180deg,rgba(255,255,255,.84),rgba(248,250,253,.84))!important;
}
.rd-progress-node span{
  width:8px!important;
  height:8px!important;
  background:#6f82d7!important;
  box-shadow:0 0 0 4px rgba(111,130,215,.08)!important;
}
.rd-progress-v77>i{
  background:linear-gradient(90deg,#ccd6e4,#9994d5)!important;
}
.rd-progress-node:last-of-type span{
  background:#8273d1!important;
}

/* Detail R&D: last IP stage gently emphasized */
.rd-detail-progress-v77 span:last-child{
  color:#6f63bd!important;
  font-weight:760!important;
}

/* ---------------------------------------------------------
   Commercial A/B/C — keep symbols subtle and coherent
   --------------------------------------------------------- */
.commercial-symbol-v77{
  border-radius:7px!important;
  background:#f6f8fc!important;
  border-color:#fff!important;
}
.symbol-partner::before,
.symbol-partner::after,
.symbol-media::before,
.symbol-media::after,
.symbol-product::before{
  opacity:.92;
}

/* ---------------------------------------------------------
   Case Study / Evidence
   --------------------------------------------------------- */
.case-dot-v77{
  width:7px!important;
  height:7px!important;
  background:#7183d7!important;
}
.evidence-icon-v77{
  border-color:#7183d7!important;
}
.evidence-icon-v77::after{
  border-color:#7183d7!important;
}

/* ---------------------------------------------------------
   Visual-density rule:
   never let icons overwhelm text/card hierarchy
   --------------------------------------------------------- */
.metric-v77 .mini-icon-v77,
.work-card-v68 .work-symbol,
.partnership-card-v68 .stage-mark{
  transition:
    opacity .18s ease,
    border-color .18s ease,
    transform .18s ease;
}
.metric-v77:hover .mini-icon-v77,
.work-card-v68:hover .work-symbol,
.partnership-card-v68:hover .stage-mark{
  transform:translateY(-1px);
}

/* ---------------------------------------------------------
   Tablet / iPad
   --------------------------------------------------------- */
@media(max-width:1199px){
  .links{
    gap:16px;
  }
}

@media(max-width:899px){
  /* Desktop CTA disappears with nav; mobile menu keeps Business link. */
  .mini-icon-v77{
    opacity:.74;
  }

  .rd-progress-v77{
    background:#f8fafc!important;
  }
}

/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */
@media(max-width:720px){
  .mini-icon-v77{
    width:32px!important;
    height:32px!important;
  }

  .icon-users-v78 .user-head-a{
    left:12px;
    top:6px;
  }
  .icon-users-v78 .user-head-b{
    left:5px;
    top:10px;
  }
  .icon-users-v78 .user-head-c{
    right:5px;
    top:10px;
  }
  .icon-users-v78 .user-body-a{
    left:9px;
    bottom:6px;
    width:14px;
  }
  .icon-users-v78 .user-body-b{
    left:2px;
    bottom:5px;
    width:11px;
  }
  .icon-users-v78 .user-body-c{
    right:2px;
    bottom:5px;
    width:11px;
  }

  .icon-check-v78::before{
    left:5px!important;
    top:5px!important;
    width:22px!important;
    height:22px!important;
  }
  .icon-check-v78::after{
    left:10px!important;
    top:11px!important;
    width:12px!important;
    height:6px!important;
  }

  /* icons must not alter card minimum widths */
  .metric-v77,
  .work-card-v68,
  .partnership-card-v68{
    min-width:0!important;
  }
}

/* Very small phones: retain meaning but reduce decoration */
@media(max-width:390px){
  .mini-icon-v77{
    opacity:.60!important;
  }
  .commercial-symbol-v77{
    display:none;
  }
}

/* =========================================================
   V7.9 BILINGUAL + USER BENEFITS PRIORITY
   ========================================================= */

/* Language switch */
.lang-switch{
  display:inline-flex;
  align-items:center;
  gap:2px;
  margin-left:2px;
  padding:3px;
  border:1px solid #d7e0ea;
  border-radius:999px;
  background:rgba(255,255,255,.86);
}
.lang-btn{
  min-width:36px;
  height:30px;
  padding:0 9px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#7a8797;
  font-size:10px;
  font-weight:700;
  cursor:pointer;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease;
}
.lang-btn.active{
  background:#1a2740;
  color:#fff;
  box-shadow:0 4px 10px rgba(26,39,64,.12);
}
.lang-btn:focus-visible{
  outline:2px solid #6b78d4;
  outline-offset:2px;
}

/* User benefits priority layout */
.commercial-v67-benefit-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
.commercial-v67-benefit-grid .benefit-item{
  position:relative;
  min-height:78px!important;
  padding:13px 14px!important;
  border:1px solid #d7e2ed!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.88)!important;
}
.commercial-v67-benefit-grid .benefit-core{
  border-color:#cbd8e8!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(91,108,219,.075),transparent 42%),
    linear-gradient(180deg,#fff,#f7f9fd)!important;
}
.commercial-v67-benefit-grid .benefit-core::after{
  content:"";
  position:absolute;
  right:10px;
  top:10px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#7082d6;
  opacity:.48;
}
.commercial-v67-benefit-grid .benefit-secondary{
  min-height:68px!important;
  background:rgba(255,255,255,.70)!important;
  border-style:dashed!important;
}
.commercial-v67-benefit-grid strong{
  margin-top:8px!important;
  font-size:12px!important;
}
.commercial-v67-benefit-grid .benefit-core strong{
  color:#384c64!important;
  font-weight:730!important;
}
.commercial-v67-benefit-grid .benefit-secondary strong{
  color:#687789!important;
  font-weight:650!important;
}

/* Slightly enlarge user-benefit explanation now that hierarchy is clearer */
.commercial-v67-benefit-head p{
  max-width:420px;
}

/* English generally needs more horizontal breathing room */
html[lang="en"] .hero h1{
  max-width:680px;
}
html[lang="en"] .hero p{
  max-width:600px;
}
html[lang="en"] .section-head h2{
  letter-spacing:-.035em;
}
html[lang="en"] .partnership-card-v68 h3,
html[lang="en"] .work-card-v68 h3{
  line-height:1.28;
}
html[lang="en"] .metric h4{
  line-height:1.32;
}

/* iPad / tablet language control */
@media(max-width:1199px){
  .lang-switch{
    margin-left:auto;
  }
}

/* H5: switch remains visible while normal CTA disappears */
@media(max-width:899px){
  .nav .lang-switch{
    display:inline-flex!important;
    margin-left:auto!important;
  }
  .lang-btn{
    min-width:34px;
    height:29px;
    padding:0 8px;
  }
  .menu{
    margin-left:4px!important;
  }
}

/* User benefits on tablet */
@media(min-width:721px) and (max-width:1024px){
  .commercial-v67-benefit-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Mobile */
@media(max-width:720px){
  .commercial-v67-benefit-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .commercial-v67-benefit-grid .benefit-item{
    min-height:70px!important;
    padding:11px 12px!important;
  }
  .commercial-v67-benefit-grid strong{
    font-size:11px!important;
  }

  html[lang="en"] .hero h1{
    font-size:34px!important;
    line-height:1.03!important;
  }
  html[lang="en"] .section-head h2{
    font-size:29px!important;
  }
  html[lang="en"] .partnership-card-v68 h3,
  html[lang="en"] .work-card-v68 h3{
    font-size:16px!important;
  }
}

@media(max-width:390px){
  .lang-btn{
    min-width:31px;
    padding:0 6px;
    font-size:9px;
  }
  .commercial-v67-benefit-grid{
    grid-template-columns:1fr!important;
  }
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .lang-btn{
    transition:none!important;
  }
}

/* =========================================================
   V7.10 HERO TITLE + CASE JURISDICTION QA
   ========================================================= */

/* Hero: keep the strategic statement explicitly two-line.
   Important: translation is on child spans, never on parent H1,
   so language switching cannot delete the second line. */
.hero-title-v710{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start;
  gap:.04em;
  max-width:760px!important;
}
.hero-line-v710{
  display:block;
  width:100%;
}
.hero-line-accent-v710{
  color:inherit;
}
html[lang="en"] .hero-title-v710{
  max-width:820px!important;
}
html[lang="zh-CN"] .hero-title-v710{
  max-width:680px!important;
}

/* Case title + jurisdiction */
.case-title-row-v710{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 12px;
  margin-top:4px;
}
.case-title-row-v710 h3{
  margin:0!important;
}
.country-badge-v710{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:26px;
  padding:3px 9px 3px 4px;
  border:1px solid #d8e2ec;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  white-space:nowrap;
}
.country-badge-v710 b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:#1a2740;
  color:#fff;
  font-size:7px;
  line-height:1;
  letter-spacing:.8px;
  font-style:normal;
}
.country-badge-v710 em{
  color:#778698;
  font-size:7.5px;
  line-height:1;
  letter-spacing:.75px;
  font-style:normal;
  font-weight:720;
}

/* Country is context, not a new visual focal point */
.case-head .case-title-row-v710 + p{
  margin-top:9px;
}

@media(max-width:899px){
  .hero-title-v710{
    max-width:100%!important;
  }
  .case-title-row-v710{
    gap:8px 10px;
  }
}

@media(max-width:720px){
  .hero-title-v710{
    gap:.08em;
  }
  html[lang="en"] .hero-title-v710{
    font-size:33px!important;
  }
  .country-badge-v710{
    min-height:24px;
    padding-right:8px;
  }
  .country-badge-v710 em{
    font-size:7px;
  }
}

@media(max-width:390px){
  html[lang="en"] .hero-title-v710{
    font-size:30px!important;
  }
  .case-title-row-v710{
    align-items:flex-start;
    flex-direction:column;
    gap:7px;
  }
}

/* =========================================================
   V7.11 HERO FAIL-SAFE
   Core positioning is static DOM, not generated by translation JS.
   ========================================================= */
.hero-title-v711{
  display:block!important;
  max-width:820px!important;
}
.hero-title-v711 .hero-lang{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.04em;
  width:100%;
}
.hero-title-v711 .hero-line-v711{
  display:block!important;
  width:100%;
}
.hero-title-v711 .hero-line-accent-v711{
  color:#386be6!important;
  margin-top:5px;
}

/* Default English */
.hero-title-v711 .hero-lang-en{display:flex!important}
.hero-title-v711 .hero-lang-zh{display:none!important}

/* Chinese mode */
html[lang="zh-CN"] .hero-title-v711 .hero-lang-en{display:none!important}
html[lang="zh-CN"] .hero-title-v711 .hero-lang-zh{display:flex!important}

/* Explicit English mode */
html[lang="en"] .hero-title-v711 .hero-lang-en{display:flex!important}
html[lang="en"] .hero-title-v711 .hero-lang-zh{display:none!important}

/* Protect against old translation scripts touching inner text */
.hero-title-v711 [data-en],
.hero-title-v711 [data-zh]{
  pointer-events:none;
}

@media(max-width:899px){
  .hero-title-v711{
    max-width:100%!important;
  }
}
@media(max-width:720px){
  .hero-title-v711{
    font-size:33px!important;
    line-height:1.03!important;
  }
  .hero-title-v711 .hero-lang{
    gap:.08em;
  }
}
@media(max-width:390px){
  .hero-title-v711{
    font-size:30px!important;
  }
}

/* =========================================================
   V7.12 TYPOGRAPHY & HERO COLOR POLISH
   ========================================================= */

:root{
  --hero-line-primary:#17243a;
  --hero-line-accent:#3f6fe8;
  --text-heading:#17243a;
  --text-body:#5f7187;
  --text-muted:#7d8b9c;
}

/* ---------------------------------------------------------
   HERO — fixed two-line, two-color system
   --------------------------------------------------------- */
.hero-title-v711{
  display:block!important;
  max-width:820px!important;
  margin:0!important;
  font-size:clamp(50px,4.5vw,68px)!important;
  line-height:1.00!important;
  letter-spacing:-.052em!important;
  font-weight:800!important;
}

.hero-title-v711 .hero-lang{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.05em;
}

.hero-title-v711 .hero-line-v711{
  display:block!important;
  width:100%;
  font:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  font-weight:inherit;
}

.hero-title-v711 .hero-line-v711:first-child{
  color:var(--hero-line-primary)!important;
}

.hero-title-v711 .hero-line-accent-v711{
  color:var(--hero-line-accent)!important;
  margin-top:4px!important;
}

/* English needs a little more room */
html[lang="en"] .hero-title-v711{
  max-width:860px!important;
  font-size:clamp(48px,4.35vw,66px)!important;
}

/* Chinese can remain more compact */
html[lang="zh-CN"] .hero-title-v711{
  max-width:700px!important;
  font-size:clamp(52px,4.6vw,70px)!important;
}

/* Hero supporting copy */
.hero p{
  max-width:590px!important;
  margin-top:20px!important;
  font-size:14px!important;
  line-height:1.78!important;
  color:#637489!important;
}

html[lang="en"] .hero p{
  max-width:620px!important;
}

.hero .eyebrow{
  font-size:9px!important;
  line-height:1.45!important;
  letter-spacing:1.45px!important;
  color:#75859a!important;
}

/* ---------------------------------------------------------
   GLOBAL HEADING / BODY TYPOGRAPHY
   --------------------------------------------------------- */
h1,h2,h3,h4{
  color:var(--text-heading)!important;
}

.section-head h2{
  font-size:clamp(38px,3.45vw,50px)!important;
  line-height:1.06!important;
  letter-spacing:-.045em!important;
  font-weight:780!important;
}

.section-head p,
.page-hero p,
.info-card p,
.case-body p,
.contact-v66-copy p{
  color:var(--text-body)!important;
}

/* English headings usually run longer */
html[lang="en"] .section-head h2{
  letter-spacing:-.035em!important;
  max-width:760px;
}

html[lang="en"] .page-hero h1{
  max-width:900px;
}

/* ---------------------------------------------------------
   HEADER BRAND
   --------------------------------------------------------- */
.brand strong{
  font-size:20px!important;
  font-weight:820!important;
  letter-spacing:-.55px!important;
}

.brand em{
  font-size:15px!important;
  font-weight:820!important;
  letter-spacing:-.18px!important;
  color:#6558db!important;
}

/* ---------------------------------------------------------
   NAV / LANGUAGE SWITCH
   --------------------------------------------------------- */
.links a{
  font-size:12.5px!important;
  font-weight:560!important;
  line-height:1!important;
}

.lang-btn{
  font-size:10px!important;
  font-weight:720!important;
}

/* ---------------------------------------------------------
   SYSTEM PANEL
   --------------------------------------------------------- */
.system-head span{
  font-size:8.7px!important;
  letter-spacing:1.25px!important;
}

.system-head strong{
  font-size:13px!important;
  font-weight:760!important;
}

.system-brand h3{
  font-size:24px!important;
  line-height:1.1!important;
}

.system-brand p{
  font-size:10px!important;
  line-height:1.4!important;
}

.metric small{
  font-size:8.2px!important;
  letter-spacing:1.2px!important;
}

.metric h4{
  font-size:13.8px!important;
  line-height:1.38!important;
  font-weight:710!important;
}

/* ---------------------------------------------------------
   HOW WE WORK / PARTNERSHIP
   --------------------------------------------------------- */
.work-card-v68 h3,
.partnership-card-v68 h3{
  font-size:20px!important;
  line-height:1.32!important;
  font-weight:730!important;
  letter-spacing:-.42px!important;
}

.work-card-v68 small,
.partnership-card-v68 small{
  font-size:8.2px!important;
  letter-spacing:1.2px!important;
}

/* English labels can wrap but should remain compact */
html[lang="en"] .work-card-v68 h3,
html[lang="en"] .partnership-card-v68 h3{
  font-size:19px!important;
  line-height:1.28!important;
}

/* ---------------------------------------------------------
   R&D
   --------------------------------------------------------- */
.rd-v66-stage h3,
.rd-page-pipeline-v66 h3{
  font-size:16.5px!important;
  line-height:1.3!important;
  font-weight:720!important;
}

.rd-v66-stage small,
.rd-page-pipeline-v66 small,
.rd-v66-assets span,
.rd-page-assets-v66 span{
  font-size:8px!important;
  letter-spacing:1.15px!important;
}

/* ---------------------------------------------------------
   COMMERCIAL
   --------------------------------------------------------- */
.commercial-v67-copy h3{
  font-size:21px!important;
  line-height:1.3!important;
}

.commercial-v67-copy small{
  font-size:8.2px!important;
  letter-spacing:1.15px!important;
}

.commercial-v67-benefit-head h3{
  font-size:29px!important;
  line-height:1.12!important;
}

.commercial-v67-benefit-head p{
  font-size:11.5px!important;
  line-height:1.68!important;
}

.commercial-v67-benefit-grid strong{
  font-size:11.8px!important;
  line-height:1.32!important;
}

/* ---------------------------------------------------------
   CASE STUDIES
   --------------------------------------------------------- */
.case-head h3{
  font-size:27px!important;
  line-height:1.12!important;
}

.case-head p{
  font-size:12.3px!important;
  line-height:1.5!important;
}

.case-body p{
  font-size:12.6px!important;
  line-height:1.8!important;
}

.country-badge-v710 em{
  font-size:7.5px!important;
}

/* ---------------------------------------------------------
   FOOTER
   --------------------------------------------------------- */
.footer-brand-name-v74{
  font-size:17px!important;
  font-weight:790!important;
}

.footer-brand-name-v74 span{
  font-size:14px!important;
  font-weight:760!important;
}

.footer-brand-v74 p{
  font-size:8.2px!important;
  letter-spacing:1.2px!important;
  line-height:1.45!important;
}

.footer-meta-v74{
  font-size:10px!important;
  line-height:1.4!important;
}

/* ---------------------------------------------------------
   RESPONSIVE — Desktop / Laptop
   --------------------------------------------------------- */
@media(max-width:1400px){
  .hero-title-v711{
    font-size:clamp(46px,4.1vw,60px)!important;
  }
  html[lang="en"] .hero-title-v711{
    font-size:clamp(44px,4vw,58px)!important;
  }
  html[lang="zh-CN"] .hero-title-v711{
    font-size:clamp(48px,4.25vw,62px)!important;
  }

  .hero p{
    font-size:13.3px!important;
  }

  .brand strong{
    font-size:18.5px!important;
  }
  .brand em{
    font-size:14px!important;
  }
}

/* Short notebook */
@media(max-height:820px) and (min-width:1100px){
  .hero-title-v711{
    font-size:clamp(41px,3.7vw,53px)!important;
  }
  html[lang="en"] .hero-title-v711{
    font-size:clamp(40px,3.55vw,51px)!important;
  }
  .hero p{
    font-size:12.7px!important;
    line-height:1.62!important;
  }
}

/* ---------------------------------------------------------
   RESPONSIVE — iPad
   --------------------------------------------------------- */
@media(min-width:721px) and (max-width:1199px){
  .hero-title-v711{
    max-width:100%!important;
  }

  html[lang="en"] .hero-title-v711{
    font-size:clamp(46px,6vw,60px)!important;
  }

  html[lang="zh-CN"] .hero-title-v711{
    font-size:clamp(48px,6.2vw,62px)!important;
  }

  .section-head h2{
    font-size:clamp(34px,4.7vw,44px)!important;
  }
}

/* ---------------------------------------------------------
   RESPONSIVE — Mobile
   --------------------------------------------------------- */
@media(max-width:720px){
  .hero-title-v711{
    max-width:100%!important;
    font-size:35px!important;
    line-height:1.03!important;
    letter-spacing:-.045em!important;
  }

  html[lang="en"] .hero-title-v711{
    font-size:32px!important;
    line-height:1.04!important;
  }

  html[lang="zh-CN"] .hero-title-v711{
    font-size:36px!important;
  }

  .hero-title-v711 .hero-line-accent-v711{
    margin-top:3px!important;
  }

  .hero p{
    margin-top:16px!important;
    font-size:12.4px!important;
    line-height:1.7!important;
  }

  .brand strong{
    font-size:15.5px!important;
  }

  .brand em{
    font-size:12px!important;
  }

  .section-head h2{
    font-size:29px!important;
    line-height:1.08!important;
  }

  .section-head p{
    font-size:12px!important;
    line-height:1.68!important;
  }

  .work-card-v68 h3,
  .partnership-card-v68 h3{
    font-size:16.8px!important;
  }

  html[lang="en"] .work-card-v68 h3,
  html[lang="en"] .partnership-card-v68 h3{
    font-size:16px!important;
  }

  .commercial-v67-benefit-head h3{
    font-size:24px!important;
  }

  .case-head h3{
    font-size:23px!important;
  }

  .footer-brand-name-v74{
    font-size:16px!important;
  }

  .footer-brand-name-v74 span{
    font-size:13px!important;
  }
}

/* Small phones */
@media(max-width:390px){
  .hero-title-v711{
    font-size:31px!important;
  }

  html[lang="en"] .hero-title-v711{
    font-size:29px!important;
  }

  html[lang="zh-CN"] .hero-title-v711{
    font-size:32px!important;
  }
}

/* =========================================================
   V7.13 STRATEGIC COPY + TYPOGRAPHY QA
   ========================================================= */

/* Hero strategic paragraph: longer bilingual copy needs controlled width */
.hero-strategy-v713{
  max-width:650px!important;
  margin-top:20px!important;
  font-size:13.8px!important;
  line-height:1.78!important;
  color:#617287!important;
  letter-spacing:0!important;
}

/* English is longer: give it breathing room, not smaller text */
html[lang="en"] .hero-strategy-v713{
  max-width:690px!important;
  font-size:13.6px!important;
  line-height:1.74!important;
}

/* Chinese can remain slightly tighter */
html[lang="zh-CN"] .hero-strategy-v713{
  max-width:640px!important;
  font-size:14px!important;
  line-height:1.82!important;
}

/* Keep Product Gap legible without visually over-emphasizing it */
.hero-strategy-v713{
  text-wrap:pretty;
}

/* Recheck hero title / paragraph rhythm */
.hero-title-v711 + .hero-strategy-v713{
  margin-top:21px!important;
}
.hero-strategy-v713 + .actions{
  margin-top:23px!important;
}

/* Desktop / laptop */
@media(max-width:1400px){
  .hero-strategy-v713{
    max-width:600px!important;
    font-size:13.1px!important;
    line-height:1.72!important;
  }

  html[lang="en"] .hero-strategy-v713{
    max-width:630px!important;
    font-size:12.9px!important;
  }

  html[lang="zh-CN"] .hero-strategy-v713{
    max-width:590px!important;
    font-size:13.2px!important;
  }
}

/* Short-screen notebook */
@media(max-height:820px) and (min-width:1100px){
  .hero-title-v711 + .hero-strategy-v713{
    margin-top:14px!important;
  }

  .hero-strategy-v713{
    max-width:590px!important;
    font-size:12.4px!important;
    line-height:1.6!important;
  }

  .hero-strategy-v713 + .actions{
    margin-top:16px!important;
  }
}

/* iPad / tablet */
@media(min-width:721px) and (max-width:1199px){
  .hero-strategy-v713,
  html[lang="en"] .hero-strategy-v713,
  html[lang="zh-CN"] .hero-strategy-v713{
    max-width:720px!important;
    font-size:13px!important;
    line-height:1.72!important;
  }
}

/* Mobile */
@media(max-width:720px){
  .hero-title-v711 + .hero-strategy-v713{
    margin-top:15px!important;
  }

  .hero-strategy-v713,
  html[lang="en"] .hero-strategy-v713,
  html[lang="zh-CN"] .hero-strategy-v713{
    max-width:none!important;
    font-size:12.2px!important;
    line-height:1.68!important;
  }

  .hero-strategy-v713 + .actions{
    margin-top:18px!important;
  }
}

/* Small phones */
@media(max-width:390px){
  .hero-strategy-v713,
  html[lang="en"] .hero-strategy-v713,
  html[lang="zh-CN"] .hero-strategy-v713{
    font-size:11.8px!important;
    line-height:1.64!important;
  }
}

/* =========================================================
   V7.14 STRATEGY COPY / R&D / TYPOGRAPHY QA
   ========================================================= */

/* Slightly longer strategy statement: preserve comfortable reading measure. */
.hero-strategy-v714{
  max-width:680px!important;
  font-size:13.6px!important;
  line-height:1.78!important;
  text-wrap:pretty;
}
html[lang="en"] .hero-strategy-v714{
  max-width:720px!important;
  font-size:13.3px!important;
  line-height:1.72!important;
}
html[lang="zh-CN"] .hero-strategy-v714{
  max-width:670px!important;
  font-size:13.9px!important;
  line-height:1.82!important;
}

/* Keep the strategic paragraph subordinate to the two-line positioning. */
.hero-title-v711 + .hero-strategy-v714{
  margin-top:20px!important;
}
.hero-strategy-v714 + .actions{
  margin-top:22px!important;
}

/* Laptop */
@media(max-width:1400px){
  .hero-strategy-v714,
  html[lang="en"] .hero-strategy-v714,
  html[lang="zh-CN"] .hero-strategy-v714{
    max-width:630px!important;
    font-size:12.9px!important;
    line-height:1.7!important;
  }
}

/* Short-screen laptop */
@media(max-height:820px) and (min-width:1100px){
  .hero-strategy-v714,
  html[lang="en"] .hero-strategy-v714,
  html[lang="zh-CN"] .hero-strategy-v714{
    max-width:610px!important;
    font-size:12.2px!important;
    line-height:1.58!important;
  }
  .hero-title-v711 + .hero-strategy-v714{
    margin-top:13px!important;
  }
  .hero-strategy-v714 + .actions{
    margin-top:15px!important;
  }
}

/* iPad */
@media(min-width:721px) and (max-width:1199px){
  .hero-strategy-v714,
  html[lang="en"] .hero-strategy-v714,
  html[lang="zh-CN"] .hero-strategy-v714{
    max-width:760px!important;
    font-size:12.9px!important;
    line-height:1.72!important;
  }
}

/* H5 */
@media(max-width:720px){
  .hero-strategy-v714,
  html[lang="en"] .hero-strategy-v714,
  html[lang="zh-CN"] .hero-strategy-v714{
    max-width:none!important;
    font-size:12px!important;
    line-height:1.66!important;
  }
  .hero-title-v711 + .hero-strategy-v714{
    margin-top:14px!important;
  }
  .hero-strategy-v714 + .actions{
    margin-top:17px!important;
  }
}
@media(max-width:390px){
  .hero-strategy-v714,
  html[lang="en"] .hero-strategy-v714,
  html[lang="zh-CN"] .hero-strategy-v714{
    font-size:11.7px!important;
    line-height:1.62!important;
  }
}

/* =========================================================
   V7.16 SYSTEM CARD 03 TYPOGRAPHY / TWO-LINE QA
   ========================================================= */

/* 03 uses static bilingual DOM, like the Hero fail-safe pattern. */
.metric-title-v716{
  margin-top:8px!important;
  font-size:13.7px!important;
  line-height:1.30!important;
  font-weight:720!important;
  letter-spacing:-.18px!important;
}

.metric-title-v716 .metric-lang{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
}

.metric-title-v716 .metric-line{
  display:block;
  width:100%;
}

.metric-title-v716 .metric-line-sub{
  color:#52657c;
  font-weight:680;
}

/* default English */
.metric-title-v716 .metric-lang-en{display:flex!important}
.metric-title-v716 .metric-lang-zh{display:none!important}

/* Chinese */
html[lang="zh-CN"] .metric-title-v716 .metric-lang-en{display:none!important}
html[lang="zh-CN"] .metric-title-v716 .metric-lang-zh{display:flex!important}

/* Explicit English */
html[lang="en"] .metric-title-v716 .metric-lang-en{display:flex!important}
html[lang="en"] .metric-title-v716 .metric-lang-zh{display:none!important}

/* Align all three System cards after 03 becomes two lines */
.metrics{
  align-items:stretch!important;
}
.metric{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
}
.metric small{
  margin-top:auto!important;
}
.metric h4{
  min-height:38px;
}

/* English card 03 needs a little tighter typography */
html[lang="en"] .metric-title-v716{
  font-size:13.1px!important;
  line-height:1.28!important;
}

/* Laptop */
@media(max-width:1400px){
  .metric-title-v716{
    font-size:12.9px!important;
  }
  html[lang="en"] .metric-title-v716{
    font-size:12.4px!important;
  }
}

/* iPad */
@media(min-width:721px) and (max-width:1199px){
  .metric-title-v716{
    font-size:13.3px!important;
    line-height:1.30!important;
  }
}

/* H5 */
@media(max-width:720px){
  .metric-title-v716{
    min-height:0!important;
    font-size:13.4px!important;
    line-height:1.30!important;
  }
  html[lang="en"] .metric-title-v716{
    font-size:12.7px!important;
  }
  .metric-title-v716 .metric-lang{
    gap:3px;
  }
}

@media(max-width:390px){
  .metric-title-v716{
    font-size:13px!important;
  }
  html[lang="en"] .metric-title-v716{
    font-size:12.3px!important;
  }
}

/* =========================================================
   V7.17 USER BENEFITS HIERARCHY / PARTNER PRODUCTS QA
   ========================================================= */

/* Homepage / Business: 4 core benefits + 2 secondary benefits */
.benefit-grid-v717{
  display:block!important;
}

.benefit-core-wrap-v717{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

.benefit-secondary-wrap-v717{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:11px;
  padding-top:11px;
  border-top:1px solid #dbe4ee;
}

.benefit-core-wrap-v717 .benefit-item{
  min-height:78px!important;
  padding:13px 14px!important;
  border:1px solid #cdd9e8!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(91,108,219,.075),transparent 42%),
    linear-gradient(180deg,#fff,#f7f9fd)!important;
}

.benefit-secondary-wrap-v717 .benefit-item{
  min-height:66px!important;
  padding:11px 13px!important;
  border:1px dashed #d7e0ea!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.68)!important;
}

.benefit-core-wrap-v717 .benefit-item strong{
  color:#384c64!important;
  font-size:12px!important;
  font-weight:730!important;
  line-height:1.3!important;
}

.benefit-secondary-wrap-v717 .benefit-item strong{
  color:#687789!important;
  font-size:11.4px!important;
  font-weight:650!important;
  line-height:1.3!important;
}

.benefit-core-wrap-v717 .num-mini{
  color:#7585d5!important;
}

.benefit-secondary-wrap-v717 .num-mini{
  color:#9aa5b1!important;
}

/* ---------------------------------------------------------
   Partner Products page
   --------------------------------------------------------- */
.partner-benefit-layout-v717{
  display:block;
  width:100%;
}

.partner-benefit-core-v717{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.partner-benefit-secondary-v717{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid #dce5ee;
}

.partner-benefit-card-v717{
  position:relative;
  min-height:210px;
  padding:22px!important;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.partner-benefit-card-v717.benefit-core{
  border-color:#d4dfeb!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(84,108,225,.07),transparent 34%),
    linear-gradient(180deg,#fff,#f8fafc)!important;
}

.partner-benefit-card-v717.benefit-secondary{
  min-height:150px;
  background:#f8fafc!important;
  border-style:dashed!important;
  box-shadow:none!important;
}

.partner-benefit-no-v717{
  font-size:38px!important;
  line-height:.92!important;
  letter-spacing:-2px!important;
}

.partner-benefit-card-v717 small{
  margin-top:auto;
  padding-top:46px;
  font-size:8px!important;
  line-height:1.2;
  letter-spacing:1.2px;
  color:#8795a5;
  font-weight:680;
  text-transform:uppercase;
}

.partner-benefit-card-v717 h3{
  margin-top:8px!important;
  font-size:19px!important;
  line-height:1.3!important;
  font-weight:730!important;
  letter-spacing:-.4px!important;
}

.partner-benefit-card-v717.benefit-secondary small{
  padding-top:24px;
}

.partner-benefit-card-v717.benefit-secondary h3{
  font-size:17px!important;
  color:#54667c!important;
}

/* English copy slightly tighter */
html[lang="en"] .partner-benefit-card-v717 h3{
  font-size:17.5px!important;
  line-height:1.27!important;
}

/* ---------------------------------------------------------
   Desktop / laptop
   --------------------------------------------------------- */
@media(max-width:1400px){
  .partner-benefit-core-v717{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .partner-benefit-card-v717{
    min-height:175px;
  }
  .partner-benefit-card-v717 small{
    padding-top:32px;
  }
}

/* ---------------------------------------------------------
   iPad
   --------------------------------------------------------- */
@media(min-width:721px) and (max-width:1199px){
  .partner-benefit-core-v717{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .partner-benefit-secondary-v717{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .benefit-core-wrap-v717{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* ---------------------------------------------------------
   H5
   --------------------------------------------------------- */
@media(max-width:720px){
  .benefit-core-wrap-v717{
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  .benefit-secondary-wrap-v717{
    grid-template-columns:1fr 1fr;
    gap:7px;
    margin-top:9px;
    padding-top:9px;
  }

  .benefit-core-wrap-v717 .benefit-item{
    min-height:68px!important;
    padding:10px 11px!important;
  }
  .benefit-secondary-wrap-v717 .benefit-item{
    min-height:60px!important;
    padding:9px 10px!important;
  }

  .benefit-core-wrap-v717 .benefit-item strong{
    font-size:11px!important;
  }
  .benefit-secondary-wrap-v717 .benefit-item strong{
    font-size:10.6px!important;
  }

  .partner-benefit-core-v717,
  .partner-benefit-secondary-v717{
    grid-template-columns:1fr!important;
    gap:8px;
  }

  .partner-benefit-secondary-v717{
    margin-top:11px;
    padding-top:11px;
  }

  .partner-benefit-card-v717,
  .partner-benefit-card-v717.benefit-secondary{
    min-height:120px;
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    grid-template-rows:auto auto;
    column-gap:12px;
    align-items:end;
    padding:16px!important;
  }

  .partner-benefit-no-v717{
    grid-column:1;
    grid-row:1 / span 2;
    align-self:start;
    font-size:31px!important;
  }

  .partner-benefit-card-v717 small{
    grid-column:2;
    grid-row:1;
    margin:0;
    padding:0!important;
    align-self:end;
    font-size:7.5px!important;
  }

  .partner-benefit-card-v717 h3,
  html[lang="en"] .partner-benefit-card-v717 h3{
    grid-column:2;
    grid-row:2;
    margin-top:6px!important;
    font-size:16px!important;
  }
}

/* Small phones */
@media(max-width:390px){
  .benefit-core-wrap-v717,
  .benefit-secondary-wrap-v717{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   V7.18 NAVIGATION DIRECTORY POLISH
   ========================================================= */

/* Desktop: no change to core navigation; directory button is for compact nav only. */
.menu-v718{
  display:none;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:88px;
  min-height:40px;
  padding:0 12px;
  border:1px solid #d5dee8;
  border-radius:12px;
  background:rgba(255,255,255,.92);
  color:#43566d;
  box-shadow:0 5px 14px rgba(45,64,91,.04);
  cursor:pointer;
}

.menu-icon-v718{
  width:16px;
  height:14px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  flex:0 0 auto;
}

.menu-icon-v718 i{
  display:block;
  width:100%;
  height:1.5px;
  border-radius:999px;
  background:#53677f;
  transition:transform .18s ease, opacity .18s ease;
}

.menu-label-v718{
  font-size:10.5px;
  line-height:1;
  font-weight:700;
  letter-spacing:.15px;
  white-space:nowrap;
}

/* Open state: subtle close morph */
.menu-v718[aria-expanded="true"] .menu-icon-v718 i:nth-child(1){
  transform:translateY(6.2px) rotate(45deg);
}
.menu-v718[aria-expanded="true"] .menu-icon-v718 i:nth-child(2){
  opacity:0;
}
.menu-v718[aria-expanded="true"] .menu-icon-v718 i:nth-child(3){
  transform:translateY(-6.2px) rotate(-45deg);
}

/* Directory panel */
.directory-head-v718{
  display:flex;
  align-items:center;
  min-height:34px;
  padding:4px 0 9px;
  margin-bottom:2px;
  border-bottom:1px solid #e7edf3;
}

.directory-head-v718 span{
  font-size:8px;
  line-height:1;
  letter-spacing:1.35px;
  font-weight:730;
  color:#8794a3;
}

/* Tablet / iPad portrait and mobile */
@media(max-width:899px){
  .menu-v718{
    display:inline-flex!important;
    margin-left:4px!important;
  }

  .mobile-links.open{
    box-shadow:0 14px 30px rgba(44,62,88,.07);
  }

  .mobile-links a{
    position:relative;
    padding-left:2px;
    color:#40536a;
    font-weight:560;
  }

  .mobile-links a::after{
    content:"";
    position:absolute;
    right:2px;
    top:50%;
    width:6px;
    height:6px;
    border-right:1px solid #9aa7b5;
    border-top:1px solid #9aa7b5;
    transform:translateY(-50%) rotate(45deg);
  }
}

/* H5 */
@media(max-width:720px){
  .menu-v718{
    min-width:80px!important;
    min-height:38px!important;
    padding:0 10px!important;
    gap:7px!important;
  }

  .menu-label-v718{
    font-size:10px!important;
  }

  .directory-head-v718{
    min-height:32px;
  }

  .mobile-links a{
    min-height:45px!important;
    font-size:12.8px!important;
  }
}

/* Small phones */
@media(max-width:390px){
  .menu-v718{
    min-width:74px!important;
    padding:0 9px!important;
  }

  .menu-label-v718{
    font-size:9.5px!important;
  }
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .menu-icon-v718 i{
    transition:none!important;
  }
}

/* =========================================================
   V7.19 DEEP POLISH
   Hero punctuation / Benefits numeric system / Benefit icons
   ========================================================= */

/* ---------------------------------------------------------
   HERO: punctuation-free positioning
   --------------------------------------------------------- */
.hero-title-v711 .hero-line-v711{
  text-wrap:balance;
}
.hero-title-v711 .hero-line-accent-v711{
  margin-top:4px!important;
}

/* ---------------------------------------------------------
   BENEFIT ICON SYSTEM
   --------------------------------------------------------- */
.benefit-icon-v719{
  position:relative;
  display:inline-flex;
  flex:0 0 auto;
  width:28px;
  height:28px;
  border:1px solid #d7e1ed;
  border-radius:9px;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.95),transparent 35%),
    linear-gradient(145deg,#f8faff,#edf2f8);
  box-shadow:
    0 5px 12px rgba(49,66,94,.045),
    inset 0 1px 0 rgba(255,255,255,.9);
  color:#657bd3;
}

/* Access: portal / arrow */
.icon-access-v719::before{
  content:"";
  position:absolute;
  left:7px;top:6px;
  width:9px;height:14px;
  border:1.5px solid currentColor;
  border-radius:3px;
}
.icon-access-v719::after{
  content:"";
  position:absolute;
  right:5px;top:12px;
  width:9px;height:1.5px;
  background:currentColor;
  box-shadow:3px -3px 0 -1px currentColor,3px 3px 0 -1px currentColor;
}

/* Price: tag */
.icon-price-v719::before{
  content:"";
  position:absolute;
  left:6px;top:7px;
  width:15px;height:11px;
  border:1.5px solid currentColor;
  border-radius:3px 5px 5px 3px;
  transform:rotate(-8deg);
}
.icon-price-v719::after{
  content:"";
  position:absolute;
  left:9px;top:11px;
  width:3px;height:3px;
  border-radius:50%;
  background:currentColor;
}

/* Discount: percent */
.icon-discount-v719::before{
  content:"%";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  font-size:15px;
  line-height:1;
  font-weight:780;
  color:currentColor;
}

/* Plan: stacked cards */
.icon-plan-v719::before{
  content:"";
  position:absolute;
  left:7px;top:7px;
  width:14px;height:10px;
  border:1.5px solid currentColor;
  border-radius:3px;
  box-shadow:0 4px 0 -1px #f3f6fb,0 4px 0 0 currentColor;
}
.icon-plan-v719::after{
  content:"";
  position:absolute;
  left:10px;top:10px;
  width:8px;height:1.5px;
  background:currentColor;
  opacity:.75;
}

/* Trial: clock */
.icon-trial-v719::before{
  content:"";
  position:absolute;
  left:6px;top:6px;
  width:15px;height:15px;
  border:1.5px solid currentColor;
  border-radius:50%;
}
.icon-trial-v719::after{
  content:"";
  position:absolute;
  left:13px;top:9px;
  width:1.5px;height:6px;
  background:currentColor;
  transform-origin:bottom center;
  box-shadow:3px 4px 0 -0.4px currentColor;
}

/* Extra: plus / benefit */
.icon-extra-v719::before,
.icon-extra-v719::after{
  content:"";
  position:absolute;
  left:8px;top:13px;
  width:12px;height:2px;
  border-radius:999px;
  background:currentColor;
}
.icon-extra-v719::after{
  transform:rotate(90deg);
}

/* ---------------------------------------------------------
   HOMEPAGE / BUSINESS COMPACT USER BENEFITS
   --------------------------------------------------------- */
.benefit-card-v719{
  display:grid!important;
  grid-template-columns:auto 28px minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  gap:9px!important;
}

.benefit-card-v719 .num-mini{
  align-self:center;
  min-width:18px;
}

.benefit-card-v719 .benefit-icon-v719{
  align-self:center;
}

.benefit-card-v719 strong{
  margin-top:0!important;
  align-self:center;
}

.benefit-core-wrap-v717 .benefit-card-v719{
  min-height:74px!important;
}

.benefit-secondary-wrap-v717 .benefit-card-v719{
  min-height:62px!important;
}

.benefit-secondary-wrap-v717 .benefit-icon-v719{
  opacity:.70;
}

/* ---------------------------------------------------------
   PARTNER PRODUCTS — same 01–06 language as whole site
   --------------------------------------------------------- */
.partner-benefit-card-v719{
  position:relative;
  min-height:210px!important;
  padding:22px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  overflow:hidden;
}

.partner-benefit-no-v719{
  margin:0!important;
  font-size:42px!important;
  line-height:.90!important;
  font-weight:780!important;
  letter-spacing:-2.35px!important;
  color:#c3cad5!important;
}

.partner-benefit-card-v719.benefit-core .partner-benefit-no-v719{
  color:#bdc6d2!important;
}

.partner-benefit-card-v719.benefit-secondary .partner-benefit-no-v719{
  color:#cbd1d9!important;
}

/* Large icon acts as the information graphic */
.benefit-icon-large-v719{
  position:absolute;
  right:20px;
  top:20px;
  width:48px;
  height:48px;
  border-radius:15px;
}

/* Scale icon drawings within large tile */
.benefit-icon-large-v719.icon-access-v719::before{
  left:13px;top:11px;width:15px;height:24px;border-width:1.8px;
}
.benefit-icon-large-v719.icon-access-v719::after{
  right:8px;top:23px;width:14px;height:1.8px;
}
.benefit-icon-large-v719.icon-price-v719::before{
  left:11px;top:13px;width:25px;height:18px;border-width:1.8px;
}
.benefit-icon-large-v719.icon-price-v719::after{
  left:16px;top:19px;width:4px;height:4px;
}
.benefit-icon-large-v719.icon-discount-v719::before{
  font-size:23px;
}
.benefit-icon-large-v719.icon-plan-v719::before{
  left:12px;top:12px;width:24px;height:17px;border-width:1.8px;
}
.benefit-icon-large-v719.icon-plan-v719::after{
  left:17px;top:18px;width:14px;height:1.8px;
}
.benefit-icon-large-v719.icon-trial-v719::before{
  left:11px;top:11px;width:25px;height:25px;border-width:1.8px;
}
.benefit-icon-large-v719.icon-trial-v719::after{
  left:23px;top:16px;width:1.8px;height:10px;
}
.benefit-icon-large-v719.icon-extra-v719::before,
.benefit-icon-large-v719.icon-extra-v719::after{
  left:14px;top:23px;width:20px;height:2.2px;
}

.partner-benefit-title-v719{
  margin-top:auto!important;
  padding-top:70px;
  max-width:88%;
  font-size:20px!important;
  line-height:1.3!important;
  font-weight:730!important;
  letter-spacing:-.45px!important;
  color:#1b2940!important;
}

/* 05/06 belong at the bottom, secondary but not 'disabled' */
.partner-benefit-secondary-v717{
  margin-top:18px!important;
  padding-top:18px!important;
  border-top:1px solid #d8e2ed!important;
}

.partner-benefit-card-v719.benefit-secondary{
  min-height:155px!important;
  border-style:solid!important;
  background:
    linear-gradient(180deg,#fafbfd,#f5f8fb)!important;
  box-shadow:0 10px 24px rgba(45,64,91,.035)!important;
}

.partner-benefit-card-v719.benefit-secondary .benefit-icon-large-v719{
  opacity:.68;
}

.partner-benefit-card-v719.benefit-secondary .partner-benefit-title-v719{
  padding-top:44px;
  color:#53667d!important;
  font-size:18px!important;
}

/* ---------------------------------------------------------
   TYPOGRAPHY CONSISTENCY
   --------------------------------------------------------- */
.partner-benefit-title-v719,
.benefit-card-v719 strong{
  text-wrap:balance;
}

html[lang="en"] .partner-benefit-title-v719{
  font-size:18px!important;
  line-height:1.27!important;
}

html[lang="zh-CN"] .partner-benefit-title-v719{
  font-size:20px!important;
}

/* ---------------------------------------------------------
   Laptop
   --------------------------------------------------------- */
@media(max-width:1400px){
  .partner-benefit-card-v719{
    min-height:180px!important;
  }

  .partner-benefit-no-v719{
    font-size:38px!important;
    letter-spacing:-2px!important;
  }

  .benefit-icon-large-v719{
    width:44px;height:44px;
    right:17px;top:17px;
  }

  .partner-benefit-title-v719{
    padding-top:54px;
    font-size:18px!important;
  }

  html[lang="en"] .partner-benefit-title-v719{
    font-size:17px!important;
  }
}

/* ---------------------------------------------------------
   iPad
   --------------------------------------------------------- */
@media(min-width:721px) and (max-width:1199px){
  .partner-benefit-card-v719{
    min-height:165px!important;
  }

  .partner-benefit-title-v719{
    padding-top:42px;
  }
}

/* ---------------------------------------------------------
   H5
   --------------------------------------------------------- */
@media(max-width:720px){
  .benefit-card-v719{
    grid-template-columns:18px 26px minmax(0,1fr)!important;
    gap:7px!important;
  }

  .benefit-card-v719 .benefit-icon-v719{
    width:26px;height:26px;
  }

  .partner-benefit-card-v719,
  .partner-benefit-card-v719.benefit-secondary{
    min-height:116px!important;
    display:grid!important;
    grid-template-columns:52px 40px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    column-gap:10px!important;
    align-items:center!important;
    padding:15px!important;
  }

  .partner-benefit-no-v719{
    position:static!important;
    align-self:start!important;
    font-size:31px!important;
    letter-spacing:-1.6px!important;
  }

  .benefit-icon-large-v719{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    width:40px!important;
    height:40px!important;
    align-self:center;
  }

  .partner-benefit-title-v719,
  .partner-benefit-card-v719.benefit-secondary .partner-benefit-title-v719,
  html[lang="en"] .partner-benefit-title-v719,
  html[lang="zh-CN"] .partner-benefit-title-v719{
    margin:0!important;
    padding:0!important;
    max-width:none!important;
    font-size:16px!important;
    line-height:1.3!important;
    align-self:center;
  }
}

/* ---------------------------------------------------------
   Small phones
   --------------------------------------------------------- */
@media(max-width:390px){
  .partner-benefit-card-v719,
  .partner-benefit-card-v719.benefit-secondary{
    grid-template-columns:46px 36px minmax(0,1fr)!important;
    column-gap:8px!important;
  }

  .partner-benefit-no-v719{
    font-size:29px!important;
  }

  .benefit-icon-large-v719{
    width:36px!important;
    height:36px!important;
  }

  .partner-benefit-title-v719,
  html[lang="en"] .partner-benefit-title-v719,
  html[lang="zh-CN"] .partner-benefit-title-v719{
    font-size:15px!important;
  }
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .benefit-icon-v719{
    transition:none!important;
  }
}

/* =========================================================
   V7.20 DEEP BILINGUAL EDITORIAL & VISUAL QA
   ========================================================= */

/* ---------------------------------------------------------
   Language-specific typography
   English uppercase labels benefit from tracking;
   Chinese labels need tighter tracking and more line-height.
   --------------------------------------------------------- */
html[lang="en"] .eyebrow,
html[lang="en"] small{
  letter-spacing:1.12px!important;
}

html[lang="zh-CN"] .eyebrow,
html[lang="zh-CN"] small{
  letter-spacing:.62px!important;
}

html[lang="zh-CN"] .section-head h2,
html[lang="zh-CN"] .page-hero h1{
  letter-spacing:-.028em!important;
}

html[lang="en"] .section-head h2,
html[lang="en"] .page-hero h1{
  letter-spacing:-.038em!important;
}

html[lang="zh-CN"] .section-head p,
html[lang="zh-CN"] .page-hero p,
html[lang="zh-CN"] .info-card p{
  line-height:1.78!important;
}

html[lang="en"] .section-head p,
html[lang="en"] .page-hero p,
html[lang="en"] .info-card p{
  line-height:1.68!important;
}

/* System 03: two clean semantic lines without slash separator */
.metric-title-v716 .metric-line-sub{
  color:#52657c!important;
  font-weight:675!important;
}

/* ---------------------------------------------------------
   CASE STUDIES — one active-language summary only
   --------------------------------------------------------- */
.case-body-v720{
  display:grid!important;
  grid-template-columns:1fr!important;
}

.case-body-v720 > .case-summary-wrap-v720{
  padding:23px 24px!important;
  border-left:0!important;
  border-top:0!important;
}

.case-summary-v720{
  max-width:1000px;
  margin:0;
  color:#55677b!important;
  font-size:13px!important;
  line-height:1.78!important;
  text-wrap:pretty;
}

html[lang="zh-CN"] .case-summary-v720{
  max-width:940px;
  font-size:13.2px!important;
  line-height:1.88!important;
}

.case-type-v720{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:9px!important;
  color:#6d7d8f!important;
  font-size:11.7px!important;
  line-height:1.45!important;
  font-weight:590;
}

.case-type-v720::before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 7px;
  border:1.5px solid #7185cf;
  border-radius:50%;
  box-shadow:inset 0 0 0 2px #fff;
  background:#7185cf;
}

.case-eyebrow-v77,
.evidence-v77{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
}

.case-eyebrow-text-v720,
.evidence-text-v720{
  display:inline-block;
}

.evidence-v77{
  min-height:22px;
}

/* Country metadata remains secondary to the company/product name */
.country-badge-v710{
  box-shadow:none!important;
}
.country-badge-v710 em{
  letter-spacing:.72px!important;
}
html[lang="zh-CN"] .country-badge-v710 em{
  letter-spacing:.3px!important;
}

/* ---------------------------------------------------------
   General small-label consistency
   --------------------------------------------------------- */
.system-head small,
.metric small,
.work-card-v68 small,
.partnership-card-v68 small,
.rd-v66-stage small,
.rd-page-pipeline-v66 small,
.commercial-v67-copy small{
  text-wrap:balance;
}

/* Avoid over-punctuation feel in headline rhythm */
.page-hero h1,
.section-head h2{
  text-wrap:balance;
}

/* ---------------------------------------------------------
   Tablet
   --------------------------------------------------------- */
@media(min-width:721px) and (max-width:1199px){
  .case-body-v720 > .case-summary-wrap-v720{
    padding:21px!important;
  }
  .case-summary-v720,
  html[lang="zh-CN"] .case-summary-v720{
    max-width:none;
    font-size:12.8px!important;
  }
}

/* ---------------------------------------------------------
   H5
   --------------------------------------------------------- */
@media(max-width:720px){
  html[lang="zh-CN"] .eyebrow,
  html[lang="zh-CN"] small{
    letter-spacing:.42px!important;
  }

  .case-body-v720 > .case-summary-wrap-v720{
    padding:17px!important;
  }

  .case-summary-v720,
  html[lang="zh-CN"] .case-summary-v720{
    max-width:none;
    font-size:12.1px!important;
    line-height:1.76!important;
  }

  html[lang="zh-CN"] .case-summary-v720{
    line-height:1.82!important;
  }

  .case-type-v720{
    font-size:11px!important;
    line-height:1.42!important;
    gap:7px;
  }

  .case-type-v720::before{
    width:6px;
    height:6px;
    flex-basis:6px;
  }
}

/* ---------------------------------------------------------
   Small phones
   --------------------------------------------------------- */
@media(max-width:390px){
  .case-summary-v720,
  html[lang="zh-CN"] .case-summary-v720{
    font-size:11.8px!important;
  }
}

/* =========================================================
   V7.21 SYSTEM + SEMANTIC LABELS + VISUAL DEEP POLISH
   ========================================================= */

/* Section eyebrow labels: numbers removed from HTML; keep concise. */
.section-head .eyebrow{font-weight:720!important}
html[lang="zh-CN"] .section-head .eyebrow{letter-spacing:.42px!important}

/* ===== Homepage System: fill the right-side blank with Independent R&D ===== */
.system-brand{
  grid-template-columns:112px minmax(210px,.72fr) minmax(330px,1fr)!important;
  gap:18px!important;
  min-height:152px;
}
.system-brand>div:nth-child(2){min-width:0}

.system-rd-v721{
  align-self:stretch;
  min-width:0;
  padding:14px 15px;
  border:1px solid #dfe7f0;
  border-radius:17px;
  background:
    radial-gradient(circle at 100% 0%,rgba(80,113,224,.075),transparent 42%),
    linear-gradient(180deg,#fbfdff,#f5f8fc);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.system-rd-head-v721{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  align-items:center;
}
.system-rd-icon-v721{
  position:relative;
  width:38px;height:38px;
  border:1px solid #d4deeb;
  border-radius:12px;
  background:linear-gradient(145deg,#fff,#edf3fa);
  box-shadow:0 7px 18px rgba(49,68,96,.055);
}
.system-rd-icon-v721::before{
  content:"";position:absolute;left:9px;top:9px;
  width:18px;height:18px;border:1.7px solid #667bd5;border-radius:5px;
}
.system-rd-icon-v721::after{
  content:"";position:absolute;left:13px;top:13px;width:10px;height:10px;
  background:
    linear-gradient(90deg,transparent 42%,#7385d8 42%,#7385d8 58%,transparent 58%),
    linear-gradient(transparent 42%,#7385d8 42%,#7385d8 58%,transparent 58%);
}
.system-rd-head-v721 small{
  display:block;margin:0!important;color:#75859a!important;
  font-size:7.4px!important;line-height:1.2!important;letter-spacing:1.05px!important;
}
.system-rd-head-v721 strong{
  display:block;margin-top:4px;color:#21324a;
  font-size:11.5px;line-height:1.3;font-weight:720;
}

.system-rd-flow-v721{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;margin-top:11px;
}
.system-rd-node-v721{
  position:relative;min-width:0;padding:7px 6px 6px;
  border:1px solid #e0e7f0;border-radius:9px;
  background:rgba(255,255,255,.76);text-align:center;
}
.system-rd-node-v721::after{
  content:"";position:absolute;top:50%;right:-7px;width:7px;height:1px;background:#b4c0dd;
}
.system-rd-node-v721:last-child::after{display:none}
.system-rd-node-v721 i{display:block;position:relative;width:15px;height:15px;margin:0 auto 4px}
.rd-node-need-v721 i::before{
  content:"";position:absolute;left:2px;top:2px;width:10px;height:10px;
  border:1.5px solid #7788d6;border-radius:50%;
}
.rd-node-need-v721 i::after{
  content:"";position:absolute;right:0;bottom:1px;width:6px;height:1.5px;
  background:#7788d6;transform:rotate(45deg);
}
.rd-node-build-v721 i::before{
  content:"";position:absolute;left:1px;top:3px;width:13px;height:9px;
  border:1.5px solid #6c7fd5;border-radius:3px;
  box-shadow:0 3px 0 -1px #fff,0 3px 0 0 #9aa7dd;
}
.rd-node-ip-v721 i::before{
  content:"";position:absolute;left:2px;top:2px;width:11px;height:11px;
  border:1.5px solid #7065ce;border-radius:50%;
}
.rd-node-ip-v721 i::after{
  content:"";position:absolute;left:6px;top:6px;width:3px;height:3px;border-radius:50%;background:#7065ce;
}
.system-rd-node-v721 b{
  display:block;overflow:hidden;color:#6c7b8d;font-size:7px;
  line-height:1.15;font-weight:690;text-overflow:ellipsis;white-space:nowrap;
}
.system-rd-assets-v721{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:7px;
}
.system-rd-asset-v721{
  min-width:0;display:flex;align-items:center;gap:5px;padding:4px 5px;
  color:#8290a0;font-size:6.5px;line-height:1.1;
}
.system-rd-asset-v721 i{position:relative;flex:0 0 9px;width:9px;height:9px}
.rd-asset-software-v721 i::before{
  content:"";position:absolute;inset:1px;border:1px solid #8291d7;border-radius:2px;
}
.rd-asset-product-v721 i::before{
  content:"";position:absolute;left:1px;top:1px;width:6px;height:6px;
  border:1px solid #8291d7;transform:rotate(45deg);
}
.rd-asset-asset-v721 i::before{
  content:"";position:absolute;left:1px;top:1px;width:7px;height:7px;
  border:1px solid #7b71ce;border-radius:50%;
}
.system-rd-asset-v721 b{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:620;
}

/* Semantic micro-labels */
.metric small,
.work-card-v68 small,
.partnership-card-v68 small,
.rd-v66-stage small,
.rd-page-pipeline-v66 small,
.commercial-v67-copy small{
  color:#7d8da0!important;
  font-weight:690!important;
  letter-spacing:1.02px!important;
}
html[lang="zh-CN"] .metric small,
html[lang="zh-CN"] .work-card-v68 small,
html[lang="zh-CN"] .partnership-card-v68 small,
html[lang="zh-CN"] .rd-v66-stage small,
html[lang="zh-CN"] .rd-page-pipeline-v66 small,
html[lang="zh-CN"] .commercial-v67-copy small{
  letter-spacing:.35px!important;
}

/* ===== R&D stage icons ===== */
.rd-v66-stage,.rd-page-pipeline-v66 article{position:relative;overflow:hidden}
.rd-stage-icon-v721{
  position:absolute!important;right:16px;top:16px;
  width:36px!important;height:36px!important;
  border:1px solid #dde5ef;border-radius:12px;
  background:linear-gradient(145deg,#f9fbfe,#edf2f8);
  box-shadow:0 7px 16px rgba(46,65,93,.045);
}
.rd-stage-icon-v721::before,.rd-stage-icon-v721::after{content:"";position:absolute}
.rd-stage-need-v721::before{
  left:9px;top:9px;width:13px;height:13px;border:1.6px solid #7083d7;border-radius:50%;
}
.rd-stage-need-v721::after{
  right:7px;bottom:8px;width:8px;height:1.6px;background:#7083d7;transform:rotate(45deg);
}
.rd-stage-validate-v721::before{
  left:8px;top:8px;width:18px;height:18px;border:1.6px solid #7083d7;border-radius:50%;
}
.rd-stage-validate-v721::after{
  left:12px;top:16px;width:10px;height:5px;
  border-left:2px solid #7083d7;border-bottom:2px solid #7083d7;transform:rotate(-45deg);
}
.rd-stage-build-v721::before{
  left:8px;top:10px;width:18px;height:13px;border:1.6px solid #6e80d4;border-radius:4px;
  box-shadow:0 4px 0 -2px #fff,0 4px 0 -1px #9ba7dd;
}
.rd-stage-build-v721::after{
  left:14px;top:14px;width:6px;height:1.6px;background:#6e80d4;
}
.rd-stage-ip-v721::before{
  left:8px;top:8px;width:18px;height:18px;border:1.6px solid #7164ce;border-radius:50%;
}
.rd-stage-ip-v721::after{
  left:14px;top:14px;width:6px;height:6px;border-radius:50%;background:#7164ce;
}

/* Homepage R&D asset icons */
.rd-v66-assets article{position:relative;padding-left:54px!important}
.rd-asset-icon-v721{
  position:absolute;left:17px;top:17px;width:27px;height:27px;
  border:1px solid #dfe6ee;border-radius:9px;background:linear-gradient(145deg,#fff,#eef3f8);
}
.rd-asset-icon-v721::before,.rd-asset-icon-v721::after{content:"";position:absolute}
.rd-asset-software-v721::before{
  left:6px;top:7px;width:13px;height:10px;border:1.4px solid #7586d5;border-radius:3px;
}
.rd-asset-software-v721::after{
  left:9px;top:11px;width:7px;height:1.4px;background:#7586d5;
}
.rd-asset-product-v721::before{
  left:7px;top:7px;width:11px;height:11px;border:1.4px solid #7586d5;transform:rotate(45deg);
}
.rd-asset-ip-v721::before{
  left:6px;top:6px;width:13px;height:13px;border:1.4px solid #7168ce;border-radius:50%;
}
.rd-asset-ip-v721::after{
  left:11px;top:11px;width:3px;height:3px;border-radius:50%;background:#7168ce;
}

/* ===== Responsive ===== */
@media(max-width:1400px){
  .system-brand{
    grid-template-columns:92px minmax(185px,.72fr) minmax(275px,1fr)!important;
    gap:14px!important;
  }
  .system-rd-v721{padding:12px}
  .system-rd-head-v721{grid-template-columns:34px minmax(0,1fr);gap:8px}
  .system-rd-icon-v721{width:34px;height:34px}
  .system-rd-head-v721 strong{font-size:10.5px}
  .system-rd-assets-v721{display:none}
}
@media(max-height:820px) and (min-width:1100px){
  .system-brand{
    min-height:118px;
    grid-template-columns:78px minmax(170px,.75fr) minmax(250px,1fr)!important;
  }
  .system-rd-flow-v721{margin-top:8px}
  .system-rd-head-v721 strong{font-size:9.8px}
}
@media(min-width:900px) and (max-width:1199px){
  .system-brand{grid-template-columns:90px 1fr!important}
  .system-rd-v721{grid-column:1/-1;margin-top:2px}
  .system-rd-assets-v721{display:grid}
}
@media(min-width:721px) and (max-width:899px){
  .system-brand{grid-template-columns:86px 1fr!important}
  .system-rd-v721{grid-column:1/-1}
  .system-rd-assets-v721{display:grid}
  .rd-stage-icon-v721{width:33px!important;height:33px!important}
}
@media(max-width:720px){
  .system-brand{grid-template-columns:72px minmax(0,1fr)!important;gap:12px!important}
  .system-rd-v721{grid-column:1/-1;padding:12px;border-radius:14px}
  .system-rd-head-v721 strong{font-size:10.4px}
  .system-rd-assets-v721{display:grid}
  .system-rd-asset-v721{justify-content:center}
  .rd-stage-icon-v721{right:13px;top:13px;width:32px!important;height:32px!important}
  .rd-v66-assets article{padding-left:50px!important}
}
@media(max-width:390px){
  .system-rd-flow-v721{gap:4px}
  .system-rd-node-v721{padding-left:3px;padding-right:3px}
  .system-rd-node-v721 b{font-size:6.4px}
  .system-rd-assets-v721{grid-template-columns:1fr;gap:1px}
  .system-rd-asset-v721{justify-content:flex-start;padding-left:2px}
}

/* =========================================================
   V7.22 CORPORATE VISUAL SYSTEM
   CSS-only motion & information graphics
   ========================================================= */

/* ---------------------------------------------------------
   CHIP — subtle 3D turning + metallic sweep
   --------------------------------------------------------- */
.chip-shell-v72{
  transform-style:preserve-3d;
  transform-origin:50% 50%;
  animation:chip-turn-v722 7.6s ease-in-out infinite;
  will-change:transform;
}
.chip-v72{
  overflow:hidden;
  transform-style:preserve-3d;
}
.chip-v72::after{
  content:"";
  position:absolute;
  inset:-35%;
  pointer-events:none;
  background:linear-gradient(110deg,
    transparent 38%,
    rgba(255,247,208,.08) 43%,
    rgba(255,255,255,.48) 49%,
    rgba(255,225,139,.18) 54%,
    transparent 60%);
  transform:translateX(-62%) rotate(4deg);
  animation:chip-sheen-v722 5.8s ease-in-out infinite;
}
@keyframes chip-turn-v722{
  0%,100%{transform:perspective(760px) rotateY(-11deg) rotateX(4deg) rotateZ(-1.2deg)}
  50%{transform:perspective(760px) rotateY(13deg) rotateX(-3deg) rotateZ(1.4deg)}
}
@keyframes chip-sheen-v722{
  0%,20%{transform:translateX(-65%) rotate(4deg);opacity:.15}
  52%{opacity:.72}
  78%,100%{transform:translateX(68%) rotate(4deg);opacity:.12}
}

/* ---------------------------------------------------------
   SYSTEM BRAND — high-end Independent R&D capability panel
   --------------------------------------------------------- */
.system-brand{
  grid-template-columns:112px minmax(220px,.72fr) minmax(380px,1.16fr)!important;
  gap:20px!important;
  min-height:166px;
}

.system-rd-v722{
  position:relative;
  align-self:stretch;
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) 150px;
  gap:18px;
  align-items:center;
  overflow:hidden;
  padding:22px 22px 20px 24px;
  border:1px solid rgba(64,88,126,.34);
  border-radius:20px;
  background:
    radial-gradient(circle at 84% 18%,rgba(107,91,216,.32),transparent 34%),
    radial-gradient(circle at 62% 80%,rgba(69,113,222,.23),transparent 38%),
    linear-gradient(135deg,#17243b 0%,#203354 54%,#263a60 100%);
  box-shadow:
    0 16px 36px rgba(26,39,64,.14),
    inset 0 1px 0 rgba(255,255,255,.10);
}
.system-rd-v722::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:26px 26px;
  mask-image:linear-gradient(90deg,transparent 18%,#000 72%);
}
.rd-strength-copy-v722{
  position:relative;
  z-index:2;
  min-width:0;
}
.rd-strength-title-v722{
  margin:0!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
  font-weight:780!important;
}
.rd-strength-sub-v722{
  display:block;
  max-width:360px;
  margin-top:12px;
  color:#dce5f6;
  font-size:12px;
  line-height:1.55;
  font-weight:610;
  letter-spacing:-.01em;
}
html[lang="zh-CN"] .rd-strength-title-v722{
  font-size:24px!important;
  letter-spacing:-.02em!important;
}
html[lang="zh-CN"] .rd-strength-sub-v722{
  max-width:330px;
  font-size:12.6px;
  line-height:1.65;
}

.rd-strength-visual-v722{
  position:relative;
  z-index:2;
  width:142px;
  height:122px;
  justify-self:end;
}
.rd-strength-core-v722{
  position:absolute;
  left:50%;top:50%;
  width:78px;height:78px;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  border:1px solid rgba(181,197,255,.66);
  border-radius:24px;
  background:
    radial-gradient(circle at 32% 24%,rgba(255,255,255,.22),transparent 30%),
    linear-gradient(145deg,rgba(101,121,226,.34),rgba(75,88,182,.15));
  box-shadow:
    0 0 0 7px rgba(111,129,225,.08),
    0 12px 34px rgba(5,13,32,.28),
    inset 0 1px 0 rgba(255,255,255,.24);
  animation:rd-core-pulse-v722 4.8s ease-in-out infinite;
}
.rd-strength-core-v722 b{
  color:#f3f6ff;
  font-size:21px;
  line-height:1;
  font-weight:820;
  letter-spacing:-1px;
}
.rd-orbit-v722{
  position:absolute;
  left:50%;top:50%;
  border:1px solid rgba(169,185,239,.34);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.rd-orbit-1-v722{width:104px;height:104px}
.rd-orbit-2-v722{
  width:126px;height:88px;
  transform:translate(-50%,-50%) rotate(26deg);
}
.rd-orbit-3-v722{
  width:126px;height:88px;
  transform:translate(-50%,-50%) rotate(-26deg);
}
.rd-node-v722{
  position:absolute;
  width:9px;height:9px;
  border-radius:50%;
  background:#a9bbff;
  box-shadow:0 0 0 5px rgba(137,158,239,.10),0 0 16px rgba(154,172,255,.42);
}
.rd-node-1-v722{left:10px;top:52px}
.rd-node-2-v722{right:13px;top:21px}
.rd-node-3-v722{right:23px;bottom:11px}
@keyframes rd-core-pulse-v722{
  0%,100%{transform:translate(-50%,-50%) scale(1)}
  50%{transform:translate(-50%,-50%) scale(1.045)}
}

/* ---------------------------------------------------------
   Shared feature-visual surfaces
   --------------------------------------------------------- */
.metric-visual-v722,
.work-feature-v722,
.partner-feature-v722,
.rd-stage-feature-v722{
  position:relative;
  overflow:hidden;
  border:1px solid #e1e8f1;
  background:
    radial-gradient(circle at 75% 20%,rgba(103,121,216,.09),transparent 34%),
    linear-gradient(145deg,#fbfcff,#f3f6fa);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.metric-visual-v722 i,
.work-feature-v722 i,
.partner-feature-v722 i,
.rd-stage-feature-v722 i{
  position:absolute;
  display:block;
}

/* ---------------------------------------------------------
   System 01–03: larger middle visual, no empty card body
   --------------------------------------------------------- */
.metric .mini-icon-v77{display:none!important}
.metric-visual-v722{
  width:100%;
  height:64px;
  margin:13px 0 11px;
  border-radius:14px;
}
.metric h4{min-height:0!important;margin-top:0!important}

/* User needs: connected people */
.metric-visual-users-v722 .mv-part-1,
.metric-visual-users-v722 .mv-part-2,
.metric-visual-users-v722 .mv-part-3{
  top:15px;width:15px;height:15px;border:2px solid #7d91df;border-radius:50%;
}
.metric-visual-users-v722 .mv-part-1{left:calc(50% - 31px)}
.metric-visual-users-v722 .mv-part-2{left:calc(50% - 8px);top:10px}
.metric-visual-users-v722 .mv-part-3{left:calc(50% + 16px)}
.metric-visual-users-v722 .mv-part-4{
  left:calc(50% - 39px);bottom:11px;width:78px;height:24px;
  border:2px solid #7d91df;border-top:0;border-radius:0 0 30px 30px;
  opacity:.9;
}

/* Market: connected conversion graph */
.metric-visual-market-v722 .mv-part-1{
  left:18%;bottom:13px;width:12%;height:14px;border-radius:3px;background:#a3b0e8;
}
.metric-visual-market-v722 .mv-part-2{
  left:37%;bottom:13px;width:12%;height:23px;border-radius:3px;background:#8799e0;
}
.metric-visual-market-v722 .mv-part-3{
  left:56%;bottom:13px;width:12%;height:34px;border-radius:3px;background:#6f84d8;
}
.metric-visual-market-v722 .mv-part-4{
  left:19%;top:15px;width:52%;height:2px;background:#7488db;
  transform:rotate(-19deg);transform-origin:left center;
  box-shadow:35px 11px 0 -1px #7488db;
}

/* Validation: shield + check */
.metric-visual-validation-v722 .mv-part-1{
  left:50%;top:9px;width:42px;height:46px;transform:translateX(-50%);
  border:2px solid #7389de;border-radius:20px 20px 26px 26px/16px 16px 28px 28px;
}
.metric-visual-validation-v722 .mv-part-2{
  left:calc(50% - 12px);top:28px;width:22px;height:10px;
  border-left:3px solid #7389de;border-bottom:3px solid #7389de;transform:rotate(-45deg);
}
.metric-visual-validation-v722 .mv-part-3,
.metric-visual-validation-v722 .mv-part-4{display:none}

/* ---------------------------------------------------------
   How We Work visuals
   --------------------------------------------------------- */
.work-card-v68 .work-symbol{display:none!important}
.work-feature-v722{
  height:82px;
  margin:15px 0 15px;
  border-radius:15px;
}
/* readiness: product + shield/check */
.work-feature-readiness-v722 .wf-part-1{
  left:21%;top:18px;width:42%;height:44px;border:2px solid #7b8fdc;border-radius:8px;
}
.work-feature-readiness-v722 .wf-part-2{
  left:28%;top:26px;width:28%;height:3px;background:#a2afe5;box-shadow:0 10px 0 #a2afe5,0 20px 0 #a2afe5;
}
.work-feature-readiness-v722 .wf-part-3{
  right:17%;top:24px;width:34px;height:38px;border:2px solid #706ed0;border-radius:16px 16px 21px 21px;
}
.work-feature-readiness-v722 .wf-part-4{
  right:24%;top:40px;width:14px;height:7px;border-left:2px solid #706ed0;border-bottom:2px solid #706ed0;transform:rotate(-45deg);
}
/* enablement: content screen + guidance path */
.work-feature-enablement-v722 .wf-part-1{
  left:18%;top:16px;width:64%;height:49px;border:2px solid #7c90dc;border-radius:8px;
}
.work-feature-enablement-v722 .wf-part-2{
  left:25%;top:26px;width:30%;height:4px;background:#93a3e2;box-shadow:0 11px 0 #b0bae7;
}
.work-feature-enablement-v722 .wf-part-3{
  right:25%;top:29px;width:16px;height:16px;border:2px solid #746fd0;border-radius:50%;
}
.work-feature-enablement-v722 .wf-part-4{
  right:18%;bottom:13px;width:35%;height:2px;background:#8c9dde;transform:rotate(-12deg);
}
/* signals: nodes + waveform */
.work-feature-signals-v722 .wf-part-1{
  left:18%;top:22px;width:10px;height:10px;border-radius:50%;background:#7a8edb;
  box-shadow:54px -9px 0 #8799df,105px 6px 0 #706ed0;
}
.work-feature-signals-v722 .wf-part-2{
  left:21%;top:28px;width:50%;height:1px;background:#b2bde8;transform:rotate(-6deg);
}
.work-feature-signals-v722 .wf-part-3{
  left:25%;bottom:20px;width:50%;height:18px;
  border-bottom:2px solid #7a8edb;border-radius:50%;
}
.work-feature-signals-v722 .wf-part-4{
  left:48%;bottom:13px;width:2px;height:28px;background:#8e9fde;
}

/* ---------------------------------------------------------
   Partnership visuals
   --------------------------------------------------------- */
.partner-feature-v722{
  height:72px;
  margin:14px 0 14px;
  border-radius:14px;
}
/* prelaunch: prototype + launch arrow */
.partner-feature-prelaunch-v722 .pf-part-1{
  left:25%;top:15px;width:42px;height:42px;border:2px solid #8294de;border-radius:10px;
}
.partner-feature-prelaunch-v722 .pf-part-2{
  left:34%;top:26px;width:24px;height:2px;background:#9aa9e2;box-shadow:0 9px 0 #9aa9e2;
}
.partner-feature-prelaunch-v722 .pf-part-3{
  right:23%;top:19px;width:28px;height:2px;background:#736fd1;transform:rotate(-42deg);
}
.partner-feature-prelaunch-v722 .pf-part-4{
  right:21%;top:14px;width:10px;height:10px;border-right:2px solid #736fd1;border-top:2px solid #736fd1;
}
/* market: shelf / product */
.partner-feature-market-v722 .pf-part-1{
  left:22%;bottom:17px;width:56%;height:2px;background:#aeb9e6;
}
.partner-feature-market-v722 .pf-part-2{
  left:28%;top:18px;width:24px;height:34px;border:2px solid #7d90dc;border-radius:5px;
}
.partner-feature-market-v722 .pf-part-3{
  left:47%;top:25px;width:20px;height:27px;border:2px solid #8b9bdf;border-radius:5px;
}
.partner-feature-market-v722 .pf-part-4{
  right:25%;top:15px;width:11px;height:11px;border-radius:50%;background:#716fd0;box-shadow:0 0 0 5px rgba(113,111,208,.10);
}
/* scale: growth bars */
.partner-feature-scale-v722 .pf-part-1{
  left:23%;bottom:15px;width:12%;height:14px;background:#a8b4e6;border-radius:3px 3px 0 0;
}
.partner-feature-scale-v722 .pf-part-2{
  left:41%;bottom:15px;width:12%;height:28px;background:#8f9fdf;border-radius:3px 3px 0 0;
}
.partner-feature-scale-v722 .pf-part-3{
  left:59%;bottom:15px;width:12%;height:42px;background:#7589da;border-radius:3px 3px 0 0;
}
.partner-feature-scale-v722 .pf-part-4{
  left:23%;top:14px;width:49%;height:2px;background:#716fd0;transform:rotate(-18deg);transform-origin:left center;
}
/* co-dev: interlocking blocks */
.partner-feature-codev-v722 .pf-part-1,
.partner-feature-codev-v722 .pf-part-2{
  top:19px;width:35px;height:35px;border:2px solid #7d90dc;border-radius:8px;
}
.partner-feature-codev-v722 .pf-part-1{left:34%}
.partner-feature-codev-v722 .pf-part-2{right:32%;border-color:#716fd0}
.partner-feature-codev-v722 .pf-part-3{
  left:calc(50% - 7px);top:31px;width:14px;height:14px;border-radius:50%;background:#f5f7fc;border:2px solid #808fda;
}
.partner-feature-codev-v722 .pf-part-4{display:none}

/* ---------------------------------------------------------
   R&D pipeline visuals
   --------------------------------------------------------- */
.rd-stage-feature-v722{
  height:70px;
  margin:13px 0 13px;
  border-radius:14px;
}
.rd-v66-stage .num,
.rd-page-pipeline-v66 .num{position:relative;z-index:2}

/* discover: search + signal */
.rd-stage-feature-discover-v722 .rf-part-1{
  left:35%;top:15px;width:29px;height:29px;border:2px solid #7c90dc;border-radius:50%;
}
.rd-stage-feature-discover-v722 .rf-part-2{
  left:55%;top:42px;width:22px;height:2px;background:#7c90dc;transform:rotate(42deg);
}
.rd-stage-feature-discover-v722 .rf-part-3{
  right:21%;top:18px;width:5px;height:5px;border-radius:50%;background:#716fd0;
  box-shadow:9px 8px 0 #93a2df,2px 17px 0 #aab5e5;
}
.rd-stage-feature-discover-v722 .rf-part-4{display:none}
/* validate */
.rd-stage-feature-validate-v722 .rf-part-1{
  left:50%;top:11px;width:42px;height:42px;transform:translateX(-50%);
  border:2px solid #7b90dd;border-radius:50%;
}
.rd-stage-feature-validate-v722 .rf-part-2{
  left:calc(50% - 11px);top:29px;width:20px;height:9px;
  border-left:3px solid #736fd1;border-bottom:3px solid #736fd1;transform:rotate(-45deg);
}
.rd-stage-feature-validate-v722 .rf-part-3,.rd-stage-feature-validate-v722 .rf-part-4{display:none}
/* build */
.rd-stage-feature-build-v722 .rf-part-1{
  left:28%;top:17px;width:44%;height:34px;border:2px solid #7d90dc;border-radius:7px;
  box-shadow:0 6px 0 -3px #fff,0 6px 0 -1px #a1ace2;
}
.rd-stage-feature-build-v722 .rf-part-2{
  left:38%;top:28px;width:24%;height:2px;background:#7d90dc;
}
.rd-stage-feature-build-v722 .rf-part-3,.rd-stage-feature-build-v722 .rf-part-4{display:none}
/* IP */
.rd-stage-feature-ip-v722 .rf-part-1{
  left:50%;top:10px;width:44px;height:44px;transform:translateX(-50%);
  border:2px solid #746fd0;border-radius:50%;
}
.rd-stage-feature-ip-v722 .rf-part-2{
  left:50%;top:21px;width:19px;height:19px;transform:translateX(-50%);
  border:2px solid #7e8fdb;border-radius:7px;
}
.rd-stage-feature-ip-v722 .rf-part-3{
  left:calc(50% - 4px);top:29px;width:8px;height:8px;border-radius:50%;background:#746fd0;
}
.rd-stage-feature-ip-v722 .rf-part-4{display:none}

/* ---------------------------------------------------------
   Commercial: existing A/B/C visuals strengthened without adding clutter
   --------------------------------------------------------- */
.commercial-v67-abc article{
  position:relative;
  overflow:hidden;
}
.commercial-v67-abc article::after{
  content:"";
  position:absolute;
  right:-16px;
  bottom:-20px;
  width:96px;
  height:96px;
  border:1px solid rgba(101,119,207,.11);
  border-radius:50%;
  box-shadow:0 0 0 18px rgba(101,119,207,.035),0 0 0 38px rgba(101,119,207,.02);
  pointer-events:none;
}
.commercial-symbol-v77{transform:scale(1.12)}

/* ---------------------------------------------------------
   Responsive QA
   --------------------------------------------------------- */
@media(max-width:1400px){
  .system-brand{
    grid-template-columns:92px minmax(190px,.68fr) minmax(315px,1.14fr)!important;
    gap:15px!important;
  }
  .system-rd-v722{
    grid-template-columns:minmax(0,1fr) 116px;
    gap:12px;padding:17px 17px 16px 18px;
  }
  .rd-strength-title-v722{font-size:18px!important}
  .rd-strength-sub-v722{font-size:10.5px;line-height:1.48;margin-top:9px}
  .rd-strength-visual-v722{width:112px;height:100px}
  .rd-strength-core-v722{width:64px;height:64px;border-radius:19px}
  .rd-strength-core-v722 b{font-size:17px}
  .rd-orbit-1-v722{width:85px;height:85px}
  .rd-orbit-2-v722,.rd-orbit-3-v722{width:103px;height:72px}
  .rd-node-1-v722{left:7px;top:43px}
  .rd-node-2-v722{right:10px;top:18px}
  .rd-node-3-v722{right:17px;bottom:8px}
}
@media(max-height:820px) and (min-width:1100px){
  .system-brand{min-height:130px}
  .metric-visual-v722{height:52px;margin:9px 0}
  .work-feature-v722{height:65px;margin:10px 0}
  .partner-feature-v722{height:57px;margin:10px 0}
  .rd-stage-feature-v722{height:55px;margin:9px 0}
}
@media(min-width:900px) and (max-width:1199px){
  .system-brand{grid-template-columns:90px 1fr!important}
  .system-rd-v722{
    grid-column:1/-1;
    grid-template-columns:minmax(0,1fr) 150px;
    min-height:142px;
  }
}
@media(min-width:721px) and (max-width:899px){
  .system-brand{grid-template-columns:86px 1fr!important}
  .system-rd-v722{
    grid-column:1/-1;
    grid-template-columns:minmax(0,1fr) 130px;
    min-height:138px;
  }
  .metric-visual-v722{height:58px}
  .work-feature-v722{height:72px}
}
@media(max-width:720px){
  .system-brand{grid-template-columns:72px minmax(0,1fr)!important;gap:12px!important}
  .system-rd-v722{
    grid-column:1/-1;
    grid-template-columns:minmax(0,1fr) 104px;
    gap:10px;
    min-height:126px;
    padding:15px;
    border-radius:16px;
  }
  .rd-strength-title-v722,
  html[lang="zh-CN"] .rd-strength-title-v722{font-size:17px!important}
  .rd-strength-sub-v722,
  html[lang="zh-CN"] .rd-strength-sub-v722{
    margin-top:7px;font-size:9.8px;line-height:1.5;
  }
  .rd-strength-visual-v722{width:98px;height:92px}
  .rd-strength-core-v722{width:58px;height:58px;border-radius:17px}
  .rd-strength-core-v722 b{font-size:15px}
  .rd-orbit-1-v722{width:76px;height:76px}
  .rd-orbit-2-v722,.rd-orbit-3-v722{width:91px;height:64px}

  .metric-visual-v722{height:56px;margin:10px 0}
  .work-feature-v722{height:64px;margin:10px 0}
  .partner-feature-v722{height:58px;margin:10px 0}
  .rd-stage-feature-v722{height:58px;margin:10px 0}
}
@media(max-width:390px){
  .system-rd-v722{
    grid-template-columns:1fr 86px;
    padding:13px;
  }
  .rd-strength-title-v722,
  html[lang="zh-CN"] .rd-strength-title-v722{font-size:15.5px!important}
  .rd-strength-sub-v722,
  html[lang="zh-CN"] .rd-strength-sub-v722{font-size:9.1px}
  .rd-strength-visual-v722{width:82px;height:80px}
  .rd-strength-core-v722{width:50px;height:50px}
  .rd-strength-core-v722 b{font-size:13px}
  .rd-orbit-1-v722{width:65px;height:65px}
  .rd-orbit-2-v722,.rd-orbit-3-v722{width:76px;height:54px}
}

/* Accessibility / motion safety */
@media(prefers-reduced-motion:reduce){
  .chip-shell-v72,
  .chip-v72::after,
  .rd-strength-core-v722{
    animation:none!important;
  }
}

/* =========================================================
   V7.23 SPATIAL CORPORATE SYSTEM
   Unified platform, rotating metal gear, restrained 3D scenes
   ========================================================= */

:root{
  --spatial-blue:#6f82d8;
  --spatial-purple:#7467cf;
  --spatial-navy:#1a2740;
  --spatial-line:#d9e3ee;
}

/* ---------------------------------------------------------
   TOP SYSTEM — ONE UNIFIED ILOVESTUDY PLATFORM
   --------------------------------------------------------- */
.system-brand{
  position:relative;
  display:grid!important;
  grid-template-columns:168px minmax(255px,.82fr) minmax(370px,1.18fr)!important;
  gap:26px!important;
  align-items:center!important;
  min-height:214px!important;
  padding:24px 28px!important;
  overflow:hidden;
  border:1px solid #dce6ef!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 77% 46%,rgba(103,120,216,.08),transparent 28%),
    radial-gradient(circle at 20% 24%,rgba(197,151,51,.055),transparent 24%),
    linear-gradient(135deg,#ffffff 0%,#fbfcfe 56%,#f4f7fb 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 12px 28px rgba(41,59,86,.035);
}
.system-brand::after{
  content:"";
  position:absolute;
  left:52%;
  top:17%;
  width:1px;
  height:66%;
  background:linear-gradient(transparent,#d9e3ee 18%,#d9e3ee 82%,transparent);
  opacity:.85;
  pointer-events:none;
}

/* ---------------------------------------------------------
   CHIP + ROTATING METAL GEAR
   --------------------------------------------------------- */
.chip-gear-wrap-v723{
  position:relative;
  width:150px;
  height:150px;
  display:grid;
  place-items:center;
  perspective:900px;
  justify-self:center;
}
.chip-gear-v723{
  position:absolute;
  inset:0;
  border-radius:50%;
  background:
    repeating-conic-gradient(
      from 0deg,
      #a87819 0 5deg,
      #d2a341 5deg 8deg,
      transparent 8deg 15deg
    );
  -webkit-mask:
    radial-gradient(circle,transparent 0 58%,#000 59% 67%,transparent 68% 100%);
  mask:
    radial-gradient(circle,transparent 0 58%,#000 59% 67%,transparent 68% 100%);
  filter:
    drop-shadow(0 3px 2px rgba(109,74,12,.22))
    drop-shadow(0 0 9px rgba(204,153,49,.10));
  animation:gear-spin-v723 17s linear infinite;
}
.chip-gear-inner-v723{
  position:absolute;
  inset:24px;
  border:1px solid rgba(169,122,31,.34);
  border-radius:50%;
  box-shadow:
    inset 0 0 0 4px rgba(207,159,55,.06),
    0 0 0 1px rgba(255,255,255,.6);
}
.chip-gear-wrap-v723 .chip-shell-v72{
  width:116px!important;
  height:116px!important;
  animation:chip-float-v723 7.8s ease-in-out infinite!important;
  transform-origin:center;
  z-index:2;
}
@keyframes gear-spin-v723{
  to{transform:rotate(360deg)}
}
@keyframes chip-float-v723{
  0%,100%{transform:perspective(820px) rotateY(-6deg) rotateX(3deg) translateY(0)}
  50%{transform:perspective(820px) rotateY(7deg) rotateX(-2deg) translateY(-3px)}
}

/* ---------------------------------------------------------
   LEFT PLATFORM COPY — bigger, stronger
   --------------------------------------------------------- */
.system-platform-copy-v723{
  min-width:0;
  align-self:center;
}
.core-platform-label-v723{
  display:block!important;
  margin-bottom:12px!important;
  color:#718198!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  letter-spacing:1.05px!important;
  font-weight:760!important;
}
html[lang="zh-CN"] .core-platform-label-v723{
  font-size:12px!important;
  letter-spacing:.35px!important;
}
.system-platform-copy-v723 h3{
  margin:0!important;
  color:#10223d!important;
  font-size:43px!important;
  line-height:1!important;
  letter-spacing:-1.7px!important;
  font-weight:820!important;
}
.system-platform-copy-v723 p{
  margin:18px 0 0!important;
  color:#5b6f88!important;
  font-size:17px!important;
  line-height:1.35!important;
  letter-spacing:-.2px!important;
}
html[lang="zh-CN"] .system-platform-copy-v723 p{
  font-size:18px!important;
  letter-spacing:.1px!important;
}

/* ---------------------------------------------------------
   RIGHT R&D — SAME SURFACE, NO COMPETING BACKGROUND
   --------------------------------------------------------- */
.system-rd-v723{
  position:relative;
  min-width:0;
  display:grid;
  grid-template-columns:minmax(205px,.95fr) minmax(160px,.8fr);
  gap:24px;
  align-items:center;
  padding:8px 4px 8px 28px;
}
.system-rd-copy-v723{
  position:relative;
  z-index:2;
  min-width:0;
}
.system-rd-label-v723{
  display:block;
  color:#6d7f99!important;
  font-size:10.5px!important;
  line-height:1.1!important;
  letter-spacing:1.05px!important;
  font-weight:760!important;
}
html[lang="zh-CN"] .system-rd-label-v723{
  font-size:12px!important;
  letter-spacing:.35px!important;
}
.system-rd-title-v723{
  max-width:320px;
  margin:12px 0 0!important;
  color:#172841!important;
  font-size:25px!important;
  line-height:1.17!important;
  letter-spacing:-.75px!important;
  font-weight:790!important;
}
html[lang="zh-CN"] .system-rd-title-v723{
  max-width:285px;
  font-size:28px!important;
  line-height:1.18!important;
  letter-spacing:-.5px!important;
}

/* 3D cube / orbit */
.system-rd-spatial-v723{
  position:relative;
  width:172px;
  height:150px;
  justify-self:center;
  perspective:780px;
  transform-style:preserve-3d;
}
.system-rd-cube-v723{
  position:absolute;
  left:50%;top:50%;
  width:66px;height:66px;
  transform-style:preserve-3d;
  transform:translate(-50%,-50%) rotateX(-20deg) rotateY(34deg);
  animation:rd-cube-turn-v723 10s ease-in-out infinite;
}
.cube-face-v723{
  position:absolute;
  inset:0;
  border:1px solid rgba(102,122,211,.55);
  background:
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(226,233,249,.72));
  box-shadow:inset 0 0 14px rgba(104,120,203,.08);
  backface-visibility:visible;
}
.cube-front-v723{transform:translateZ(33px)}
.cube-back-v723{transform:rotateY(180deg) translateZ(33px)}
.cube-right-v723{transform:rotateY(90deg) translateZ(33px)}
.cube-left-v723{transform:rotateY(-90deg) translateZ(33px)}
.cube-top-v723{transform:rotateX(90deg) translateZ(33px)}
.cube-bottom-v723{transform:rotateX(-90deg) translateZ(33px)}
.system-rd-cube-mark-v723{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  z-index:5;
  color:#586fcf;
  font-size:16px;
  font-weight:820;
  letter-spacing:-.6px;
  text-shadow:0 1px 0 #fff;
  pointer-events:none;
}
.system-rd-orbit-v723{
  position:absolute;
  left:50%;top:50%;
  border:1px solid rgba(110,129,211,.24);
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.orbit-1-v723{width:132px;height:72px;transform:translate(-50%,-50%) rotate(18deg)}
.orbit-2-v723{width:136px;height:78px;transform:translate(-50%,-50%) rotate(-36deg)}
.orbit-3-v723{width:110px;height:110px}
.system-rd-node-v723{
  position:absolute;
  width:8px;height:8px;
  border-radius:50%;
  background:#7185d9;
  box-shadow:0 0 0 5px rgba(113,133,217,.08),0 5px 12px rgba(75,92,163,.14);
}
.node-1-v723{left:10px;top:66px}
.node-2-v723{right:11px;top:37px}
.node-3-v723{right:29px;bottom:10px}
.node-4-v723{left:41px;top:12px;background:#766bcf}
@keyframes rd-cube-turn-v723{
  0%,100%{transform:translate(-50%,-50%) rotateX(-20deg) rotateY(32deg)}
  50%{transform:translate(-50%,-50%) rotateX(-12deg) rotateY(52deg)}
}

/* ---------------------------------------------------------
   SYSTEM 01–03 — SPATIAL, NO FLAT CHART FRAMES
   --------------------------------------------------------- */
.metric{
  overflow:hidden;
}
.metric .mini-icon-v77{display:none!important}
.metric-scene-v723{
  position:relative;
  width:100%;
  height:78px;
  margin:11px 0 12px;
  perspective:650px;
  transform-style:preserve-3d;
}
.metric-scene-v723 i{
  position:absolute;
  display:block;
}

/* 01 real users: floating depth group */
.metric-scene-needs-v723 .scene-part-1,
.metric-scene-needs-v723 .scene-part-2,
.metric-scene-needs-v723 .scene-part-3{
  width:18px;height:18px;
  border:2px solid #7589da;
  border-radius:50%;
  background:#f8faff;
  box-shadow:0 8px 14px rgba(63,82,151,.10);
}
.metric-scene-needs-v723 .scene-part-1{left:31%;top:18px;transform:translateZ(12px)}
.metric-scene-needs-v723 .scene-part-2{left:46%;top:10px;transform:scale(1.14) translateZ(24px)}
.metric-scene-needs-v723 .scene-part-3{left:61%;top:20px;transform:translateZ(8px)}
.metric-scene-needs-v723 .scene-part-4{
  left:29%;bottom:10px;width:44%;height:30px;
  border:2px solid #8294dd;border-top:0;border-radius:0 0 42px 42px;
  transform:perspective(120px) rotateX(18deg);
}
.metric-scene-needs-v723 .scene-part-5{
  left:50%;top:48%;width:70%;height:34px;
  transform:translate(-50%,-50%) rotateX(70deg);
  border:1px solid rgba(117,137,218,.18);
  border-radius:50%;
}

/* 02 market connection: floating blocks + bridge */
.metric-scene-market-v723 .scene-part-1,
.metric-scene-market-v723 .scene-part-2,
.metric-scene-market-v723 .scene-part-3{
  bottom:14px;width:26px;border-radius:5px 5px 3px 3px;
  background:linear-gradient(145deg,#acb8ea,#788ddd);
  box-shadow:6px 8px 12px rgba(62,82,157,.10);
  transform:skewY(-7deg);
}
.metric-scene-market-v723 .scene-part-1{left:27%;height:24px;opacity:.66}
.metric-scene-market-v723 .scene-part-2{left:45%;height:38px;opacity:.84}
.metric-scene-market-v723 .scene-part-3{left:63%;height:52px}
.metric-scene-market-v723 .scene-part-4{
  left:25%;top:17px;width:51%;height:2px;
  background:#7287da;
  transform:rotate(-18deg);
  transform-origin:left center;
  box-shadow:0 7px 12px rgba(68,87,157,.10);
}
.metric-scene-market-v723 .scene-part-5{
  right:22%;top:8px;width:10px;height:10px;
  border-top:2px solid #7287da;border-right:2px solid #7287da;
  transform:rotate(-3deg);
}

/* 03 assurance: dimensional shield */
.metric-scene-assurance-v723 .scene-part-1{
  left:50%;top:5px;width:48px;height:54px;
  transform:translateX(-50%) perspective(180px) rotateY(-12deg);
  border:2px solid #7388dc;
  border-radius:22px 22px 30px 30px/18px 18px 32px 32px;
  background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(229,235,249,.72));
  box-shadow:8px 10px 18px rgba(64,83,153,.10);
}
.metric-scene-assurance-v723 .scene-part-2{
  left:calc(50% - 13px);top:29px;width:24px;height:11px;
  border-left:4px solid #6e83d8;border-bottom:4px solid #6e83d8;
  transform:rotate(-45deg);
}
.metric-scene-assurance-v723 .scene-part-3{
  left:50%;top:50%;width:88px;height:34px;
  transform:translate(-50%,-50%) rotateX(70deg);
  border:1px solid rgba(112,130,211,.20);border-radius:50%;
}
.metric-scene-assurance-v723 .scene-part-4,
.metric-scene-assurance-v723 .scene-part-5{display:none}

/* ---------------------------------------------------------
   MODULE SCENES — NO FRAMED BOX; 3D OBJECTS FLOAT IN CARD
   --------------------------------------------------------- */
.module-scene-v723{
  position:relative;
  height:88px;
  margin:10px 0 13px;
  perspective:700px;
  transform-style:preserve-3d;
}
.module-scene-v723 i{position:absolute;display:block}

/* Work 01: product pane + shield */
.work-scene-readiness-v723 .scene-part-1{
  left:22%;top:15px;width:72px;height:50px;
  border:1.7px solid #8394db;border-radius:8px;
  background:linear-gradient(145deg,#fff,#edf2fa);
  transform:rotateY(-18deg) rotateX(4deg);
  box-shadow:10px 12px 18px rgba(64,82,147,.08);
}
.work-scene-readiness-v723 .scene-part-2{
  left:30%;top:27px;width:38px;height:3px;background:#a6b1e3;
  box-shadow:0 10px 0 #bbc4e9,0 20px 0 #bbc4e9;
}
.work-scene-readiness-v723 .scene-part-3{
  right:22%;top:23px;width:38px;height:43px;
  border:2px solid #716fd0;border-radius:18px 18px 23px 23px;
  transform:translateZ(22px) rotateY(12deg);
  background:rgba(248,249,255,.78);
  box-shadow:7px 9px 14px rgba(79,70,151,.09);
}
.work-scene-readiness-v723 .scene-part-4{
  right:28%;top:42px;width:16px;height:7px;
  border-left:2px solid #716fd0;border-bottom:2px solid #716fd0;transform:rotate(-45deg);
}
.work-scene-readiness-v723 .scene-part-5{display:none}

/* Work 02: layered content planes */
.work-scene-enablement-v723 .scene-part-1,
.work-scene-enablement-v723 .scene-part-2,
.work-scene-enablement-v723 .scene-part-3{
  width:74px;height:46px;border:1.6px solid #8496dc;border-radius:8px;
  background:linear-gradient(145deg,#fff,#eef3fb);
  box-shadow:7px 9px 14px rgba(67,85,151,.08);
}
.work-scene-enablement-v723 .scene-part-1{left:22%;top:24px;transform:rotateY(-25deg)}
.work-scene-enablement-v723 .scene-part-2{left:38%;top:16px;opacity:.85;transform:rotateY(-20deg) translateZ(12px)}
.work-scene-enablement-v723 .scene-part-3{left:53%;top:9px;opacity:.7;transform:rotateY(-15deg) translateZ(22px)}
.work-scene-enablement-v723 .scene-part-4{
  right:20%;bottom:12px;width:44px;height:2px;background:#766fd1;transform:rotate(-20deg);
}
.work-scene-enablement-v723 .scene-part-5{
  right:18%;bottom:20px;width:9px;height:9px;border-top:2px solid #766fd1;border-right:2px solid #766fd1;
}

/* Work 03: spatial signal nodes */
.work-scene-signals-v723 .scene-part-1,
.work-scene-signals-v723 .scene-part-2,
.work-scene-signals-v723 .scene-part-3{
  width:13px;height:13px;border-radius:50%;background:#7488da;
  box-shadow:0 0 0 6px rgba(116,136,218,.08),6px 8px 12px rgba(66,84,151,.09);
}
.work-scene-signals-v723 .scene-part-1{left:26%;top:35px}
.work-scene-signals-v723 .scene-part-2{left:48%;top:17px;background:#8a9be0}
.work-scene-signals-v723 .scene-part-3{right:24%;top:40px;background:#746bd0}
.work-scene-signals-v723 .scene-part-4{
  left:28%;top:39px;width:47%;height:1px;background:#abb7e5;transform:rotate(-6deg);
}
.work-scene-signals-v723 .scene-part-5{
  left:50%;top:50%;width:116px;height:44px;
  transform:translate(-50%,-50%) rotateX(68deg);
  border:1px solid rgba(115,134,215,.20);border-radius:50%;
}

/* Partnership: compact spatial metaphors */
.partner-scene-prototype-v723 .scene-part-1{
  left:31%;top:17px;width:54px;height:48px;border:1.7px solid #8294dc;border-radius:9px;
  background:linear-gradient(145deg,#fff,#edf2fa);
  transform:rotateY(-23deg);box-shadow:9px 11px 16px rgba(65,82,150,.08);
}
.partner-scene-prototype-v723 .scene-part-2{
  right:27%;top:20px;width:34px;height:2px;background:#766ed1;transform:rotate(-38deg);
}
.partner-scene-prototype-v723 .scene-part-3{
  right:24%;top:14px;width:10px;height:10px;border-top:2px solid #766ed1;border-right:2px solid #766ed1;
}
.partner-scene-prototype-v723 .scene-part-4,
.partner-scene-prototype-v723 .scene-part-5{display:none}

.partner-scene-market-v723 .scene-part-1,
.partner-scene-market-v723 .scene-part-2,
.partner-scene-market-v723 .scene-part-3{
  bottom:19px;width:32px;border:1.5px solid #8596dc;border-radius:5px;
  background:linear-gradient(145deg,#fff,#edf2fa);
  box-shadow:6px 8px 12px rgba(65,82,147,.07);
}
.partner-scene-market-v723 .scene-part-1{left:27%;height:37px;transform:rotateY(-20deg)}
.partner-scene-market-v723 .scene-part-2{left:45%;height:49px;transform:translateZ(16px)}
.partner-scene-market-v723 .scene-part-3{left:63%;height:33px;transform:rotateY(18deg)}
.partner-scene-market-v723 .scene-part-4{
  left:23%;bottom:13px;width:55%;height:1px;background:#b2bce6;
}
.partner-scene-market-v723 .scene-part-5{display:none}

.partner-scene-scale-v723 .scene-part-1,
.partner-scene-scale-v723 .scene-part-2,
.partner-scene-scale-v723 .scene-part-3{
  bottom:16px;width:28px;
  background:linear-gradient(145deg,#aab7e8,#7489dc);
  box-shadow:6px 8px 12px rgba(62,81,150,.08);
  transform:skewY(-8deg);
}
.partner-scene-scale-v723 .scene-part-1{left:30%;height:25px;opacity:.65}
.partner-scene-scale-v723 .scene-part-2{left:46%;height:40px;opacity:.82}
.partner-scene-scale-v723 .scene-part-3{left:62%;height:57px}
.partner-scene-scale-v723 .scene-part-4{
  left:28%;top:17px;width:46%;height:2px;background:#716fd0;transform:rotate(-20deg);
}
.partner-scene-scale-v723 .scene-part-5{display:none}

.partner-scene-cobuild-v723 .scene-part-1,
.partner-scene-cobuild-v723 .scene-part-2{
  top:19px;width:48px;height:48px;border:1.7px solid #7f91db;border-radius:10px;
  background:linear-gradient(145deg,#fff,#edf2fa);box-shadow:7px 9px 15px rgba(67,84,149,.08);
}
.partner-scene-cobuild-v723 .scene-part-1{left:34%;transform:rotateY(-24deg)}
.partner-scene-cobuild-v723 .scene-part-2{right:31%;border-color:#746bd0;transform:rotateY(22deg)}
.partner-scene-cobuild-v723 .scene-part-3{
  left:50%;top:36px;width:18px;height:18px;transform:translateX(-50%);
  border-radius:50%;background:#f7f8fd;border:2px solid #7f8fd9;
}
.partner-scene-cobuild-v723 .scene-part-4,
.partner-scene-cobuild-v723 .scene-part-5{display:none}

/* ---------------------------------------------------------
   R&D SECTION — RESTORE SIMPLE STAGES + ONE CENTRAL 3D ENGINE
   --------------------------------------------------------- */
.rd-v66-layout{
  position:relative;
}
.rd-v66-stage{
  min-height:146px!important;
  padding-top:22px!important;
}
.rd-stage-icon-v723{
  position:absolute;
  right:18px;top:18px;
  width:34px;height:34px;
  border:1px solid #dce5ef;border-radius:11px;
  background:linear-gradient(145deg,#fff,#eef3f8);
  box-shadow:0 6px 14px rgba(57,75,107,.045);
}
.rd-stage-icon-v723::before,
.rd-stage-icon-v723::after{content:"";position:absolute}
.rd-stage-icon-need-v723::before{
  left:8px;top:8px;width:13px;height:13px;border:1.5px solid #7488d9;border-radius:50%;
}
.rd-stage-icon-need-v723::after{
  right:7px;bottom:8px;width:8px;height:1.5px;background:#7488d9;transform:rotate(45deg);
}
.rd-stage-icon-validate-v723::before{
  left:7px;top:7px;width:18px;height:18px;border:1.5px solid #7488d9;border-radius:50%;
}
.rd-stage-icon-validate-v723::after{
  left:11px;top:15px;width:10px;height:5px;border-left:2px solid #7488d9;border-bottom:2px solid #7488d9;transform:rotate(-45deg);
}
.rd-stage-icon-build-v723::before{
  left:7px;top:10px;width:18px;height:12px;border:1.5px solid #7488d9;border-radius:4px;
  box-shadow:0 4px 0 -2px #fff,0 4px 0 -1px #9aa8df;
}
.rd-stage-icon-ip-v723::before{
  left:7px;top:7px;width:18px;height:18px;border:1.5px solid #746bd0;border-radius:50%;
}
.rd-stage-icon-ip-v723::after{
  left:13px;top:13px;width:6px;height:6px;background:#746bd0;border-radius:50%;
}

/* Central spatial engine */
.rd-engine-spatial-v723{
  position:relative;
  min-height:220px;
  margin:18px 0;
  border-top:1px solid #e5ebf2;
  border-bottom:1px solid #e5ebf2;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 50%,rgba(105,121,210,.075),transparent 32%);
}
.rd-engine-stage-v723{
  position:relative;
  width:360px;
  height:190px;
  perspective:950px;
  transform-style:preserve-3d;
}
.rd-engine-cube-v723{
  position:absolute;
  left:50%;top:50%;
  width:78px;height:78px;
  transform-style:preserve-3d;
  transform:translate(-50%,-50%) rotateX(-22deg) rotateY(36deg);
  animation:engine-turn-v723 12s ease-in-out infinite;
}
.rd-engine-face-v723{
  position:absolute;inset:0;
  border:1px solid rgba(105,124,210,.52);
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(224,232,247,.70));
  box-shadow:inset 0 0 18px rgba(102,119,201,.07);
}
.face-front-v723{transform:translateZ(39px)}
.face-back-v723{transform:rotateY(180deg) translateZ(39px)}
.face-right-v723{transform:rotateY(90deg) translateZ(39px)}
.face-left-v723{transform:rotateY(-90deg) translateZ(39px)}
.face-top-v723{transform:rotateX(90deg) translateZ(39px)}
.face-bottom-v723{transform:rotateX(-90deg) translateZ(39px)}
.rd-engine-mark-v723{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  color:#5e73d0;font-size:18px;font-weight:820;letter-spacing:-.7px;z-index:4;
}
.rd-engine-orbit-v723{
  position:absolute;left:50%;top:50%;border:1px solid rgba(108,126,209,.23);border-radius:50%;
  transform:translate(-50%,-50%);
}
.engine-orbit-1-v723{width:290px;height:92px;transform:translate(-50%,-50%) rotate(10deg)}
.engine-orbit-2-v723{width:250px;height:132px;transform:translate(-50%,-50%) rotate(-26deg)}
.engine-orbit-3-v723{width:180px;height:180px}
.engine-orbit-4-v723{width:316px;height:116px;transform:translate(-50%,-50%) rotate(35deg)}
.rd-engine-node-v723{
  position:absolute;width:11px;height:11px;border-radius:50%;
  background:#7689d9;box-shadow:0 0 0 6px rgba(118,137,217,.07),0 7px 14px rgba(62,81,148,.09);
}
.engine-node-1-v723{left:20px;top:91px}
.engine-node-2-v723{right:28px;top:43px;background:#8b9adf}
.engine-node-3-v723{right:68px;bottom:16px;background:#746bd0}
.engine-node-4-v723{left:82px;top:22px}
@keyframes engine-turn-v723{
  0%,100%{transform:translate(-50%,-50%) rotateX(-22deg) rotateY(34deg)}
  50%{transform:translate(-50%,-50%) rotateX(-15deg) rotateY(53deg)}
}
.rd-engine-spatial-page-v723{
  margin:24px 0 30px;
}

/* ---------------------------------------------------------
   REMOVE V7.22 FLAT VISUALS FROM DISPLAY IF ANY REMAIN
   --------------------------------------------------------- */
.metric-visual-v722,
.work-feature-v722,
.partner-feature-v722,
.rd-stage-feature-v722{display:none!important}

/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */
@media(max-width:1400px){
  .system-brand{
    grid-template-columns:145px minmax(220px,.78fr) minmax(330px,1.12fr)!important;
    min-height:194px!important;
    gap:20px!important;
    padding:22px 24px!important;
  }
  .chip-gear-wrap-v723{width:132px;height:132px}
  .chip-gear-wrap-v723 .chip-shell-v72{width:102px!important;height:102px!important}
  .system-platform-copy-v723 h3{font-size:38px!important}
  .system-platform-copy-v723 p{font-size:15.5px!important}
  .system-rd-v723{grid-template-columns:minmax(190px,1fr) 140px;gap:16px;padding-left:22px}
  .system-rd-title-v723{font-size:22px!important}
  html[lang="zh-CN"] .system-rd-title-v723{font-size:24px!important}
  .system-rd-spatial-v723{width:145px;height:132px}
  .system-rd-cube-v723{width:58px;height:58px}
  .cube-front-v723{transform:translateZ(29px)}
  .cube-back-v723{transform:rotateY(180deg) translateZ(29px)}
  .cube-right-v723{transform:rotateY(90deg) translateZ(29px)}
  .cube-left-v723{transform:rotateY(-90deg) translateZ(29px)}
  .cube-top-v723{transform:rotateX(90deg) translateZ(29px)}
  .cube-bottom-v723{transform:rotateX(-90deg) translateZ(29px)}
}

@media(max-height:820px) and (min-width:1100px){
  .system-brand{min-height:166px!important;padding-top:16px!important;padding-bottom:16px!important}
  .chip-gear-wrap-v723{width:116px;height:116px}
  .chip-gear-wrap-v723 .chip-shell-v72{width:90px!important;height:90px!important}
  .system-platform-copy-v723 h3{font-size:34px!important}
  .system-platform-copy-v723 p{margin-top:12px!important;font-size:14px!important}
  .system-rd-title-v723{font-size:19px!important}
  html[lang="zh-CN"] .system-rd-title-v723{font-size:21px!important}
  .metric-scene-v723{height:58px;margin:7px 0 8px}
  .module-scene-v723{height:65px;margin:6px 0 8px}
  .rd-engine-spatial-v723{min-height:180px}
}

@media(min-width:900px) and (max-width:1199px){
  .system-brand{
    grid-template-columns:140px minmax(0,1fr)!important;
  }
  .system-brand::after{display:none}
  .system-rd-v723{
    grid-column:1/-1;
    grid-template-columns:minmax(0,1fr) 180px;
    margin-top:8px;
    padding:18px 10px 8px 0;
    border-top:1px solid #e2e9f1;
  }
}

@media(min-width:721px) and (max-width:899px){
  .system-brand{
    grid-template-columns:126px minmax(0,1fr)!important;
    gap:18px!important;
  }
  .system-brand::after{display:none}
  .chip-gear-wrap-v723{width:120px;height:120px}
  .chip-gear-wrap-v723 .chip-shell-v72{width:92px!important;height:92px!important}
  .system-platform-copy-v723 h3{font-size:34px!important}
  .system-rd-v723{
    grid-column:1/-1;
    grid-template-columns:minmax(0,1fr) 150px;
    padding:16px 0 4px;
    border-top:1px solid #e2e9f1;
  }
  .rd-engine-stage-v723{transform:scale(.88)}
}

@media(max-width:720px){
  .system-brand{
    grid-template-columns:104px minmax(0,1fr)!important;
    gap:14px!important;
    min-height:auto!important;
    padding:18px!important;
  }
  .system-brand::after{display:none}
  .chip-gear-wrap-v723{width:100px;height:100px}
  .chip-gear-wrap-v723 .chip-shell-v72{width:76px!important;height:76px!important}
  .system-platform-copy-v723 h3{font-size:28px!important;letter-spacing:-1px!important}
  .system-platform-copy-v723 p{margin-top:10px!important;font-size:12.5px!important}
  .core-platform-label-v723,
  html[lang="zh-CN"] .core-platform-label-v723{font-size:9px!important;margin-bottom:8px!important}
  .system-rd-v723{
    grid-column:1/-1;
    grid-template-columns:minmax(0,1fr) 112px;
    gap:10px;
    padding:15px 0 0;
    margin-top:5px;
    border-top:1px solid #e2e9f1;
  }
  .system-rd-label-v723,
  html[lang="zh-CN"] .system-rd-label-v723{font-size:9px!important}
  .system-rd-title-v723,
  html[lang="zh-CN"] .system-rd-title-v723{font-size:17px!important;line-height:1.22!important}
  .system-rd-spatial-v723{width:108px;height:100px}
  .system-rd-cube-v723{width:44px;height:44px}
  .cube-front-v723{transform:translateZ(22px)}
  .cube-back-v723{transform:rotateY(180deg) translateZ(22px)}
  .cube-right-v723{transform:rotateY(90deg) translateZ(22px)}
  .cube-left-v723{transform:rotateY(-90deg) translateZ(22px)}
  .cube-top-v723{transform:rotateX(90deg) translateZ(22px)}
  .cube-bottom-v723{transform:rotateX(-90deg) translateZ(22px)}
  .system-rd-cube-mark-v723{font-size:12px}
  .orbit-1-v723{width:86px;height:48px}
  .orbit-2-v723{width:92px;height:52px}
  .orbit-3-v723{width:72px;height:72px}

  .metric-scene-v723{height:62px;margin:8px 0 9px}
  .module-scene-v723{height:66px;margin:7px 0 8px}

  .rd-engine-spatial-v723{min-height:180px;margin:14px 0}
  .rd-engine-stage-v723{width:280px;height:160px;transform:scale(.85)}
}

@media(max-width:390px){
  .system-brand{
    grid-template-columns:88px minmax(0,1fr)!important;
    padding:15px!important;
  }
  .chip-gear-wrap-v723{width:86px;height:86px}
  .chip-gear-wrap-v723 .chip-shell-v72{width:66px!important;height:66px!important}
  .system-platform-copy-v723 h3{font-size:25px!important}
  .system-platform-copy-v723 p{font-size:11.5px!important}
  .system-rd-v723{grid-template-columns:minmax(0,1fr) 94px}
  .system-rd-spatial-v723{width:92px;height:88px}
  .system-rd-title-v723,
  html[lang="zh-CN"] .system-rd-title-v723{font-size:15.5px!important}
  .rd-engine-stage-v723{transform:scale(.72)}
}

/* ---------------------------------------------------------
   MOTION SAFETY
   --------------------------------------------------------- */
@media(prefers-reduced-motion:reduce){
  .chip-gear-v723,
  .chip-gear-wrap-v723 .chip-shell-v72,
  .system-rd-cube-v723,
  .rd-engine-cube-v723{
    animation:none!important;
  }
}

/* =========================================================
   V7.23.1 REAL-BROWSER WIDTH QA
   The homepage System sits inside a two-column Hero, so its
   internal desktop layout must respond to the actual card width.
   ========================================================= */
@media(min-width:1200px) and (max-width:1599px){
  .system-brand{
    grid-template-columns:132px minmax(170px,.9fr) minmax(175px,1fr)!important;
    gap:14px!important;
    min-height:188px!important;
    padding:20px 18px!important;
  }
  .system-brand::after{
    left:56%;
    top:19%;
    height:62%;
  }

  .chip-gear-wrap-v723{
    width:126px;
    height:126px;
  }
  .chip-gear-wrap-v723 .chip-shell-v72{
    width:96px!important;
    height:96px!important;
  }

  .core-platform-label-v723{
    margin-bottom:10px!important;
    font-size:9.8px!important;
  }
  html[lang="zh-CN"] .core-platform-label-v723{
    font-size:11px!important;
  }
  .system-platform-copy-v723 h3{
    font-size:36px!important;
    letter-spacing:-1.35px!important;
  }
  .system-platform-copy-v723 p{
    margin-top:13px!important;
    font-size:14.5px!important;
  }
  html[lang="zh-CN"] .system-platform-copy-v723 p{
    font-size:15.5px!important;
  }

  .system-rd-v723{
    grid-template-columns:minmax(112px,1fr) 104px;
    gap:7px;
    padding:7px 0 7px 16px;
  }
  .system-rd-label-v723{
    font-size:8.8px!important;
    letter-spacing:.8px!important;
  }
  html[lang="zh-CN"] .system-rd-label-v723{
    font-size:10px!important;
    letter-spacing:.25px!important;
  }
  .system-rd-title-v723{
    max-width:150px;
    margin-top:9px!important;
    font-size:18.5px!important;
    line-height:1.18!important;
    letter-spacing:-.45px!important;
  }
  html[lang="zh-CN"] .system-rd-title-v723{
    max-width:132px;
    font-size:20px!important;
    line-height:1.2!important;
  }

  .system-rd-spatial-v723{
    width:100px;
    height:108px;
  }
  .system-rd-cube-v723{
    width:48px;
    height:48px;
  }
  .cube-front-v723{transform:translateZ(24px)}
  .cube-back-v723{transform:rotateY(180deg) translateZ(24px)}
  .cube-right-v723{transform:rotateY(90deg) translateZ(24px)}
  .cube-left-v723{transform:rotateY(-90deg) translateZ(24px)}
  .cube-top-v723{transform:rotateX(90deg) translateZ(24px)}
  .cube-bottom-v723{transform:rotateX(-90deg) translateZ(24px)}
  .system-rd-cube-mark-v723{font-size:12px}
  .orbit-1-v723{width:88px;height:48px}
  .orbit-2-v723{width:92px;height:52px}
  .orbit-3-v723{width:72px;height:72px}
  .node-1-v723{left:3px;top:50px}
  .node-2-v723{right:3px;top:28px}
  .node-3-v723{right:15px;bottom:6px}
  .node-4-v723{left:22px;top:6px}
}

/* At true large-desktop widths, let the core platform regain scale. */
@media(min-width:1600px){
  .system-platform-copy-v723 h3{font-size:45px!important}
  .system-platform-copy-v723 p{font-size:17.5px!important}
  html[lang="zh-CN"] .system-platform-copy-v723 p{font-size:18.5px!important}
  .core-platform-label-v723{font-size:11px!important}
  html[lang="zh-CN"] .core-platform-label-v723{font-size:12.5px!important}
}

/* V7.23.2 Core Platform label emphasis */
@media(min-width:1200px){
  .core-platform-label-v723{
    font-size:11.2px!important;
    font-weight:790!important;
  }
  html[lang="zh-CN"] .core-platform-label-v723{
    font-size:13.2px!important;
    font-weight:790!important;
  }
}
/* =========================================================
   V7.24 PREMIUM MECHANICAL / PRODUCT-ASSET VISUAL SYSTEM
   ========================================================= */

:root{
  --v724-navy:#17263f;
  --v724-text:#52657d;
  --v724-blue:#7186d8;
  --v724-purple:#756bcf;
  --v724-line:#dce5ee;
  --v724-soft:#f5f8fb;
}

/* ---------------------------------------------------------
   0. Reset competing V7.23 top-system visuals
   --------------------------------------------------------- */
.system-brand-v724::after,
.system-brand-v724::before{display:none!important}
.system-rd-v723,
.system-rd-spatial-v723,
.chip-gear-wrap-v723,
.chip-gear-v723,
.chip-gear-inner-v723{display:none!important}

/* ---------------------------------------------------------
   1. Unified top System shell — two balanced ILovestudy capabilities
   --------------------------------------------------------- */
.system-brand-v724{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
  align-items:stretch!important;
  gap:0!important;
  min-height:210px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #dce5ee!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 16% 38%,rgba(208,162,61,.055),transparent 24%),
    radial-gradient(circle at 79% 46%,rgba(107,126,210,.07),transparent 28%),
    linear-gradient(135deg,#fff 0%,#fbfcfe 58%,#f6f8fb 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 14px 30px rgba(42,59,86,.04)!important;
}
.system-core-v724,
.system-rd-v724{
  min-width:0;
  display:grid;
  align-items:center;
  position:relative;
}
.system-core-v724{
  grid-template-columns:154px minmax(0,1fr);
  gap:18px;
  padding:25px 23px 24px 24px;
}
.system-rd-v724{
  grid-template-columns:minmax(150px,.9fr) minmax(146px,1fr);
  gap:13px;
  padding:25px 22px 24px 18px;
}
/* no line between Core Platform and ILovestudy / R&D */
.system-core-v724::after,
.system-rd-v724::before{display:none!important}

/* ---------------------------------------------------------
   2. CPU + clockwork mechanism — multiple real gears, not one ring
   --------------------------------------------------------- */
.chip-mechanism-v724{
  position:relative;
  width:146px;
  height:146px;
  justify-self:center;
  display:grid;
  place-items:center;
  perspective:900px;
  isolation:isolate;
}
.chip-mechanism-v724::before{
  content:"";
  position:absolute;
  left:15px;right:15px;bottom:9px;height:22px;
  background:radial-gradient(ellipse,rgba(74,58,30,.14),transparent 65%);
  filter:blur(7px);
  transform:rotateX(68deg);
  z-index:-3;
}
.clock-gear-v724{
  position:absolute;
  display:block;
  border-radius:50%;
  background:
    repeating-conic-gradient(
      from 0deg,
      #7f8a96 0deg 7deg,
      #c4ccd3 7deg 11deg,
      #707b87 11deg 14deg,
      transparent 14deg 21deg
    );
  -webkit-mask:radial-gradient(circle,transparent 0 24%,#000 25% 64%,transparent 65% 100%);
  mask:radial-gradient(circle,transparent 0 24%,#000 25% 64%,transparent 65% 100%);
  filter:drop-shadow(0 3px 2px rgba(54,64,74,.16));
  opacity:.92;
  z-index:-1;
}
.clock-gear-v724 i{
  position:absolute;
  inset:32%;
  border:1px solid rgba(72,83,95,.48);
  border-radius:50%;
  background:radial-gradient(circle at 34% 30%,#eef2f5,#8e99a5 55%,#68737f 100%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.8);
}
.clock-gear-v724 i::before,
.clock-gear-v724 i::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:145%;height:2px;
  transform:translate(-50%,-50%);
  background:rgba(92,104,116,.55);
  border-radius:999px;
}
.clock-gear-v724 i::after{transform:translate(-50%,-50%) rotate(90deg)}
.gear-a-v724{width:58px;height:58px;left:1px;top:2px;animation:gear-cw-v724 8.8s linear infinite}
.gear-b-v724{width:42px;height:42px;left:7px;bottom:5px;animation:gear-ccw-v724 6.7s linear infinite}
.gear-c-v724{width:49px;height:49px;right:0;top:13px;animation:gear-ccw-v724 7.9s linear infinite}
.gear-d-v724{width:34px;height:34px;right:10px;bottom:7px;animation:gear-cw-v724 5.9s linear infinite}
.gear-bearing-v724{
  position:absolute;
  width:8px;height:8px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#f4f6f7,#8d98a4 62%,#626d79);
  box-shadow:0 0 0 3px rgba(126,139,151,.08);
  z-index:-1;
}
.bearing-a-v724{left:42px;top:8px}
.bearing-b-v724{right:37px;bottom:10px}
@keyframes gear-cw-v724{to{transform:rotate(360deg)}}
@keyframes gear-ccw-v724{to{transform:rotate(-360deg)}}

/* central CPU remains the brand's metallic gold brain */
.chip-mechanism-v724 .chip-shell-v72{
  display:block!important;
  width:108px!important;
  height:108px!important;
  z-index:3;
  transform-origin:center;
  animation:cpu-breathe-v724 7.5s ease-in-out infinite!important;
  filter:drop-shadow(0 10px 11px rgba(126,88,22,.13));
}
@keyframes cpu-breathe-v724{
  0%,100%{transform:perspective(760px) rotateX(3deg) rotateY(-5deg) translateY(0)}
  50%{transform:perspective(760px) rotateX(-2deg) rotateY(6deg) translateY(-2px)}
}
.chip-brain-v724{
  position:absolute;
  inset:12px 14px;
  z-index:0;
  opacity:.34;
  pointer-events:none;
}
.chip-brain-v724::before,
.chip-brain-v724::after{
  content:"";
  position:absolute;
  top:10px;
  width:25px;height:36px;
  border:1.4px solid rgba(100,68,18,.68);
  border-radius:48% 54% 43% 55%;
  box-shadow:inset 0 0 7px rgba(255,229,160,.16);
}
.chip-brain-v724::before{left:8px;border-right-color:transparent}
.chip-brain-v724::after{right:8px;border-left-color:transparent}
.chip-brain-v724 i{
  position:absolute;
  display:block;
  height:1.2px;
  background:rgba(105,69,17,.62);
  border-radius:999px;
}
.brain-trace-1-v724{left:15px;top:18px;width:37px;transform:rotate(11deg)}
.brain-trace-2-v724{left:12px;top:29px;width:42px;transform:rotate(-8deg)}
.brain-trace-3-v724{left:20px;top:40px;width:30px;transform:rotate(7deg)}
.brain-trace-4-v724{left:31px;top:10px;width:1.2px!important;height:38px!important}
.chip-v72 .chip-die-v72{position:relative}
.chip-v72 .chip-mark-v72{position:relative;z-index:2}

/* ---------------------------------------------------------
   3. Core Platform typography — stronger hierarchy
   --------------------------------------------------------- */
.system-platform-copy-v724{min-width:0;align-self:center}
.core-platform-label-v724{
  display:block!important;
  margin:0 0 11px!important;
  color:#6e8096!important;
  font-size:11.5px!important;
  line-height:1.05!important;
  letter-spacing:1px!important;
  font-weight:790!important;
}
html[lang="zh-CN"] .core-platform-label-v724{
  font-size:13.5px!important;
  letter-spacing:.25px!important;
}
.system-platform-copy-v724 h3{
  margin:0!important;
  color:#10223c!important;
  font-size:41px!important;
  line-height:1!important;
  letter-spacing:-1.55px!important;
  font-weight:825!important;
  white-space:nowrap;
}
.system-platform-copy-v724 p{
  margin:17px 0 0!important;
  color:#5e7087!important;
  font-size:16.5px!important;
  line-height:1.35!important;
  letter-spacing:-.15px!important;
}
html[lang="zh-CN"] .system-platform-copy-v724 p{font-size:17.5px!important;letter-spacing:.1px!important}

/* ---------------------------------------------------------
   4. Independent R&D — same surface, premium physical asset stack
   --------------------------------------------------------- */
.system-rd-copy-v724{min-width:0;position:relative;z-index:2}
.system-rd-label-v724{
  display:block;
  margin:0;
  color:#6d7e96!important;
  font-size:10.5px!important;
  line-height:1.05!important;
  letter-spacing:1px!important;
  font-weight:780!important;
}
html[lang="zh-CN"] .system-rd-label-v724{font-size:12.5px!important;letter-spacing:.25px!important}
.system-rd-title-v724{
  max-width:225px;
  margin:11px 0 0!important;
  color:#1b2c45!important;
  font-size:22px!important;
  line-height:1.18!important;
  letter-spacing:-.55px!important;
  font-weight:790!important;
}
html[lang="zh-CN"] .system-rd-title-v724{
  max-width:205px;
  font-size:25px!important;
  line-height:1.2!important;
  letter-spacing:-.35px!important;
}
.asset-stack-v724{
  position:relative;
  width:158px;
  height:148px;
  justify-self:center;
  perspective:900px;
  transform-style:preserve-3d;
}
.asset-stage-v724{
  position:absolute;
  inset:0;
  transform-style:preserve-3d;
  transform:rotateX(59deg) rotateZ(-34deg) translate3d(3px,5px,0);
}
.asset-layer-v724{
  position:absolute;
  left:50%;top:50%;
  width:112px;height:70px;
  border-radius:11px;
  transform:translate(-50%,-50%);
  border:1px solid rgba(112,130,201,.18);
  box-shadow:
    0 8px 0 rgba(153,164,188,.20),
    0 14px 18px rgba(58,76,110,.07),
    inset 0 1px 0 rgba(255,255,255,.88);
}
.asset-layer-1-v724{background:linear-gradient(145deg,#dce3eb,#b7c3d2);transform:translate(-50%,-50%) translateZ(0)}
.asset-layer-2-v724{background:linear-gradient(145deg,#eef2f7,#cbd5e2);transform:translate(-50%,-50%) translate3d(0,-7px,18px)}
.asset-layer-3-v724{background:linear-gradient(145deg,#f6f8fc,#dce4f0);transform:translate(-50%,-50%) translate3d(0,-14px,36px);animation:asset-float-3-v724 5.8s ease-in-out infinite}
.asset-layer-4-v724{width:72px;height:48px;background:linear-gradient(145deg,#eef2ff,#bec9ee);transform:translate(-50%,-50%) translate3d(2px,-20px,58px);box-shadow:0 6px 0 rgba(107,124,196,.20),0 13px 18px rgba(74,88,146,.08);animation:asset-float-4-v724 5.8s ease-in-out infinite}
.asset-die-v724{
  position:absolute;
  left:50%;top:50%;
  width:26px;height:18px;
  transform:translate(-50%,-50%);
  border-radius:4px;
  border:1px solid rgba(94,113,199,.38);
  background:linear-gradient(145deg,#e9edff,#9fadE8);
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.32);
}
.asset-spine-v724{
  position:absolute;
  left:50%;top:31%;
  width:4px;height:74px;
  transform:translate(-50%,-50%) translateZ(72px);
  border-radius:999px;
  background:linear-gradient(#9eace8,#657bd3);
  box-shadow:0 0 14px rgba(104,125,211,.17);
}
.asset-node-v724{
  position:absolute;
  width:6px;height:6px;border-radius:50%;
  background:#7689d8;
  box-shadow:0 0 0 4px rgba(118,137,216,.08);
}
.asset-node-1-v724{left:27%;top:33%}
.asset-node-2-v724{right:22%;top:49%;background:#8176d2}
.asset-node-3-v724{left:43%;bottom:18%;background:#96a4df}
@keyframes asset-float-3-v724{
  0%,100%{transform:translate(-50%,-50%) translate3d(0,-14px,36px)}
  50%{transform:translate(-50%,-50%) translate3d(0,-18px,40px)}
}
@keyframes asset-float-4-v724{
  0%,100%{transform:translate(-50%,-50%) translate3d(2px,-20px,58px)}
  50%{transform:translate(-50%,-50%) translate3d(2px,-26px,64px)}
}

/* ---------------------------------------------------------
   5. R&D section — physical productization engine, not wireframe/CAD
   --------------------------------------------------------- */
.rd-engine-spatial-v723{display:none!important}
.rd-product-engine-v724{
  position:relative;
  min-height:225px;
  margin:20px 0 18px;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:
    radial-gradient(ellipse at 50% 65%,rgba(107,125,210,.08),transparent 36%);
}
.rd-product-engine-v724::before{
  content:"";
  position:absolute;
  left:16%;right:16%;bottom:24px;height:34px;
  background:radial-gradient(ellipse,rgba(47,64,96,.12),transparent 65%);
  filter:blur(9px);
}
.rd-product-scene-v724{
  position:relative;
  width:430px;
  height:205px;
  perspective:1100px;
  transform-style:preserve-3d;
}
.rd-foundation-v724{
  position:absolute;
  left:50%;top:62%;
  width:300px;height:112px;
  transform:translate(-50%,-50%) rotateX(62deg) rotateZ(-32deg);
  border-radius:20px;
  background:linear-gradient(145deg,#d4dde8,#aebccc);
  box-shadow:0 13px 0 #94a3b4,0 24px 34px rgba(49,66,99,.11),inset 0 1px 0 rgba(255,255,255,.8);
}
.rd-product-plate-v724{
  position:absolute;
  left:50%;top:50%;
  width:176px;height:92px;
  transform-style:preserve-3d;
  border-radius:14px;
  border:1px solid rgba(108,126,205,.18);
  background:linear-gradient(145deg,#f8fafd,#d8e1ee);
  box-shadow:0 9px 0 rgba(143,156,179,.23),0 18px 24px rgba(57,75,111,.08),inset 0 1px 0 rgba(255,255,255,.95);
}
.plate-1-v724{transform:translate(-74%,-34%) rotateX(61deg) rotateZ(-31deg) translateZ(9px)}
.plate-2-v724{transform:translate(-57%,-48%) rotateX(61deg) rotateZ(-31deg) translateZ(29px);background:linear-gradient(145deg,#f4f7fc,#ccd8e8)}
.plate-3-v724{transform:translate(-39%,-62%) rotateX(61deg) rotateZ(-31deg) translateZ(49px);background:linear-gradient(145deg,#f0f4ff,#c2ceee);animation:plate-float-v724 6.4s ease-in-out infinite}
.plate-4-v724{width:112px;height:62px;transform:translate(-20%,-79%) rotateX(61deg) rotateZ(-31deg) translateZ(72px);background:linear-gradient(145deg,#e8edff,#9fafe8);animation:plate-top-v724 6.4s ease-in-out infinite}
.plate-die-v724{
  position:absolute;
  left:50%;top:50%;
  width:36px;height:25px;
  transform:translate(-50%,-50%);
  border-radius:5px;
  border:1px solid rgba(89,107,193,.34);
  background:linear-gradient(145deg,#f7f8ff,#a8b6e7);
  box-shadow:inset 0 0 0 4px rgba(255,255,255,.30);
}
.rd-core-tower-v724{
  position:absolute;
  left:62%;top:31%;
  width:58px;height:70px;
  border-radius:14px 14px 11px 11px;
  background:linear-gradient(145deg,#eef2ff,#a7b5e8 66%,#8193d9);
  box-shadow:8px 11px 0 rgba(91,108,170,.17),10px 19px 26px rgba(58,72,121,.10),inset 0 1px 0 rgba(255,255,255,.75);
  transform:skewY(-8deg) rotate(-4deg);
  animation:tower-breathe-v724 6s ease-in-out infinite;
}
.tower-core-v724{
  position:absolute;
  left:50%;top:50%;
  width:24px;height:24px;
  transform:translate(-50%,-50%);
  border-radius:7px;
  border:1px solid rgba(87,104,190,.45);
  background:linear-gradient(145deg,#f9faff,#7187db);
  box-shadow:0 0 0 5px rgba(107,126,210,.08);
}
.rd-light-column-v724{
  position:absolute;
  left:69%;top:12%;
  width:18px;height:112px;
  background:linear-gradient(rgba(126,142,217,.04),rgba(105,123,208,.20),rgba(126,142,217,.02));
  filter:blur(5px);
  transform:skewX(-8deg);
}
.rd-signal-v724{
  position:absolute;
  width:8px;height:8px;border-radius:50%;
  background:#7b8edb;
  box-shadow:0 0 0 5px rgba(123,142,219,.07),0 5px 11px rgba(63,81,145,.09);
}
.signal-1-v724{left:23%;top:62%}
.signal-2-v724{left:47%;top:46%;background:#96a4e1}
.signal-3-v724{right:20%;top:34%;background:#766bd0}
@keyframes plate-float-v724{
  0%,100%{transform:translate(-39%,-62%) rotateX(61deg) rotateZ(-31deg) translateZ(49px)}
  50%{transform:translate(-39%,-67%) rotateX(61deg) rotateZ(-31deg) translateZ(54px)}
}
@keyframes plate-top-v724{
  0%,100%{transform:translate(-20%,-79%) rotateX(61deg) rotateZ(-31deg) translateZ(72px)}
  50%{transform:translate(-20%,-88%) rotateX(61deg) rotateZ(-31deg) translateZ(80px)}
}
@keyframes tower-breathe-v724{
  0%,100%{transform:skewY(-8deg) rotate(-4deg) translateY(0)}
  50%{transform:skewY(-8deg) rotate(-4deg) translateY(-4px)}
}
.rd-product-engine-page-v724{margin-top:28px;margin-bottom:32px}

/* ---------------------------------------------------------
   6. Global module proportion normalization
   --------------------------------------------------------- */
.system,.system-main,.system-brand-v724,
.metric,.work-card-v68,.partnership-card-v68,
.rd-v66-stage,.rd-v66-assets article,.commercial-v67-abc article,.case{min-width:0}
.metrics{align-items:stretch!important}
.metric{
  display:flex!important;
  flex-direction:column!important;
  min-height:236px!important;
  height:100%!important;
}
.metric-scene-v723{height:70px!important;margin:10px 0 10px!important;flex:0 0 70px}
.metric h4{margin-top:auto!important}
.work3{align-items:stretch!important}
.work-card-v68{
  display:flex!important;
  flex-direction:column!important;
  min-height:258px!important;
  height:100%!important;
}
.module-scene-v723{height:82px!important;flex:0 0 82px;margin:10px 0 12px!important}
.work-card-v68 h3{margin-top:auto!important}
.cards4{align-items:stretch!important}
.partnership-card-v68{
  display:flex!important;
  flex-direction:column!important;
  min-height:250px!important;
  height:100%!important;
}
.partnership-card-v68 h3{margin-top:auto!important}
.rd-v66-pipeline{align-items:stretch!important}
.rd-v66-stage{
  display:flex!important;
  flex-direction:column!important;
  min-height:146px!important;
  height:100%!important;
}
.rd-v66-stage h3{margin-top:auto!important}
.rd-v66-assets{align-items:stretch!important}
.rd-v66-assets article{height:100%!important;min-height:126px!important}
.commercial-v67-abc{align-items:stretch!important}
.commercial-v67-abc article{height:100%!important}

/* consistent heading/text rhythm */
.section-head{align-items:end!important}
.section-head h2{max-width:820px}
.section-head p{max-width:560px}
html[lang="en"] .section-head h2{line-height:1.06!important}
html[lang="zh-CN"] .section-head h2{line-height:1.09!important}
.work-card-v68 h3,.partnership-card-v68 h3,.rd-v66-stage h3,
.commercial-v67-copy h3,.case-head h3{text-wrap:balance}

/* ---------------------------------------------------------
   7. Responsive proportional system
   --------------------------------------------------------- */
@media(max-width:1599px) and (min-width:1200px){
  .system-brand-v724{min-height:194px!important}
  .system-core-v724{grid-template-columns:132px minmax(0,1fr);gap:14px;padding:20px 16px 19px 18px}
  .system-rd-v724{grid-template-columns:minmax(115px,.9fr) 126px;gap:8px;padding:20px 14px 19px 10px}
  .chip-mechanism-v724{width:126px;height:126px}
  .chip-mechanism-v724 .chip-shell-v72{width:94px!important;height:94px!important}
  .gear-a-v724{width:49px;height:49px}
  .gear-b-v724{width:36px;height:36px}
  .gear-c-v724{width:42px;height:42px}
  .gear-d-v724{width:29px;height:29px}
  .system-platform-copy-v724 h3{font-size:35px!important}
  .system-platform-copy-v724 p{font-size:14px!important;margin-top:13px!important}
  html[lang="zh-CN"] .system-platform-copy-v724 p{font-size:15px!important}
  .core-platform-label-v724{font-size:10.2px!important;margin-bottom:9px!important}
  html[lang="zh-CN"] .core-platform-label-v724{font-size:11.7px!important}
  .system-rd-label-v724{font-size:8.8px!important}
  html[lang="zh-CN"] .system-rd-label-v724{font-size:10.2px!important}
  .system-rd-title-v724{max-width:135px;font-size:18px!important}
  html[lang="zh-CN"] .system-rd-title-v724{max-width:124px;font-size:20px!important}
  .asset-stack-v724{width:126px;height:122px}
  .asset-layer-v724{width:91px;height:56px}
  .asset-layer-4-v724{width:58px;height:39px}
}

@media(max-height:820px) and (min-width:1100px){
  .system-brand-v724{min-height:168px!important}
  .system-core-v724,.system-rd-v724{padding-top:15px;padding-bottom:15px}
  .chip-mechanism-v724{width:112px;height:112px}
  .chip-mechanism-v724 .chip-shell-v72{width:84px!important;height:84px!important}
  .system-platform-copy-v724 h3{font-size:31px!important}
  .system-platform-copy-v724 p{font-size:12.5px!important;margin-top:10px!important}
  .system-rd-title-v724{font-size:16px!important;margin-top:8px!important}
  html[lang="zh-CN"] .system-rd-title-v724{font-size:18px!important}
  .asset-stack-v724{transform:scale(.86)}
  .metric{min-height:205px!important}
  .metric-scene-v723{height:54px!important;flex-basis:54px}
  .work-card-v68,.partnership-card-v68{min-height:220px!important}
  .module-scene-v723{height:62px!important;flex-basis:62px}
  .rd-product-engine-v724{min-height:186px;margin:14px 0}
  .rd-product-scene-v724{transform:scale(.88)}
}

@media(min-width:900px) and (max-width:1199px){
  .system-brand-v724{grid-template-columns:1fr!important}
  .system-core-v724{grid-template-columns:138px minmax(0,1fr);padding:23px 24px 18px}
  .system-rd-v724{grid-template-columns:minmax(0,1fr) 165px;padding:18px 24px 22px;border-top:1px solid #e3eaf1}
  .chip-mechanism-v724{width:132px;height:132px}
  .system-platform-copy-v724 h3{font-size:38px!important}
  .system-rd-title-v724{max-width:360px;font-size:22px!important}
  html[lang="zh-CN"] .system-rd-title-v724{max-width:360px;font-size:24px!important}
  .asset-stack-v724{width:150px;height:132px}
  .metric{min-height:224px!important}
  .work-card-v68,.partnership-card-v68{min-height:238px!important}
}

@media(min-width:721px) and (max-width:899px){
  .system-brand-v724{grid-template-columns:1fr!important}
  .system-core-v724{grid-template-columns:124px minmax(0,1fr);padding:20px 20px 16px}
  .system-rd-v724{grid-template-columns:minmax(0,1fr) 145px;padding:17px 20px 20px;border-top:1px solid #e3eaf1}
  .chip-mechanism-v724{width:116px;height:116px}
  .chip-mechanism-v724 .chip-shell-v72{width:88px!important;height:88px!important}
  .system-platform-copy-v724 h3{font-size:34px!important}
  .system-rd-title-v724{max-width:330px;font-size:21px!important}
  html[lang="zh-CN"] .system-rd-title-v724{font-size:23px!important}
  .asset-stack-v724{width:135px;height:122px}
  .metric{min-height:214px!important}
}

@media(max-width:720px){
  .system-brand-v724{grid-template-columns:1fr!important;border-radius:18px!important}
  .system-core-v724{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:17px 16px 15px}
  .system-rd-v724{grid-template-columns:minmax(0,1fr) 104px;gap:8px;padding:15px 16px 18px;border-top:1px solid #e3eaf1}
  .chip-mechanism-v724{width:92px;height:92px}
  .chip-mechanism-v724 .chip-shell-v72{width:70px!important;height:70px!important}
  .gear-a-v724{width:38px;height:38px}
  .gear-b-v724{width:28px;height:28px}
  .gear-c-v724{width:32px;height:32px}
  .gear-d-v724{width:23px;height:23px}
  .system-platform-copy-v724 h3{font-size:27px!important;letter-spacing:-1px!important}
  .system-platform-copy-v724 p{font-size:11.8px!important;margin-top:9px!important}
  html[lang="zh-CN"] .system-platform-copy-v724 p{font-size:12.5px!important}
  .core-platform-label-v724{font-size:8.7px!important;margin-bottom:7px!important}
  html[lang="zh-CN"] .core-platform-label-v724{font-size:10px!important}
  .system-rd-label-v724{font-size:8px!important}
  html[lang="zh-CN"] .system-rd-label-v724{font-size:9.2px!important}
  .system-rd-title-v724{font-size:15.5px!important;max-width:180px;margin-top:7px!important}
  html[lang="zh-CN"] .system-rd-title-v724{font-size:17px!important;max-width:180px}
  .asset-stack-v724{width:98px;height:94px}
  .asset-stage-v724{transform:scale(.72) rotateX(59deg) rotateZ(-34deg) translate3d(3px,5px,0)}

  .metric{min-height:194px!important}
  .metric-scene-v723{height:54px!important;flex-basis:54px;margin:7px 0 8px!important}
  .work-card-v68,.partnership-card-v68{min-height:205px!important}
  .module-scene-v723{height:58px!important;flex-basis:58px;margin:7px 0 8px!important}
  .rd-v66-stage{min-height:118px!important}
  .rd-product-engine-v724{min-height:170px;margin:12px 0}
  .rd-product-scene-v724{transform:scale(.72)}
  .rd-v66-assets article{min-height:108px!important}
}

@media(max-width:390px){
  .system-core-v724{grid-template-columns:82px minmax(0,1fr);padding:14px 13px 13px}
  .system-rd-v724{grid-template-columns:minmax(0,1fr) 88px;padding:13px}
  .chip-mechanism-v724{width:80px;height:80px}
  .chip-mechanism-v724 .chip-shell-v72{width:61px!important;height:61px!important}
  .gear-a-v724{width:33px;height:33px}
  .gear-b-v724{width:24px;height:24px}
  .gear-c-v724{width:29px;height:29px}
  .gear-d-v724{width:20px;height:20px}
  .system-platform-copy-v724 h3{font-size:24px!important}
  .system-platform-copy-v724 p{font-size:10.8px!important}
  .system-rd-title-v724,html[lang="zh-CN"] .system-rd-title-v724{font-size:14.5px!important}
  .asset-stack-v724{width:84px;height:82px}
  .metric{min-height:186px!important}
  .work-card-v68,.partnership-card-v68{min-height:195px!important}
}

/* ---------------------------------------------------------
   8. Motion accessibility
   --------------------------------------------------------- */
@media(prefers-reduced-motion:reduce){
  .clock-gear-v724,
  .chip-mechanism-v724 .chip-shell-v72,
  .asset-layer-3-v724,
  .asset-layer-4-v724,
  .rd-product-plate-v724,
  .rd-core-tower-v724{
    animation:none!important;
  }
}
/* =========================================================
   V7.24.1 PROPORTION + R&D LAYOUT REFINEMENT
   ========================================================= */

/* More convincing clockwork: solid brushed-metal wheels, fewer gears. */
.clock-gear-v724{
  background:repeating-conic-gradient(
    from 0deg,
    #687480 0deg 6deg,
    #d8dde2 6deg 10deg,
    #98a3ad 10deg 15deg,
    #717d88 15deg 20deg
  )!important;
  opacity:.88!important;
}
.gear-d-v724{display:none!important}
.gear-a-v724{width:54px!important;height:54px!important;left:0!important;top:7px!important}
.gear-b-v724{width:39px!important;height:39px!important;left:auto!important;right:3px!important;top:18px!important;bottom:auto!important}
.gear-c-v724{width:35px!important;height:35px!important;right:10px!important;top:auto!important;bottom:4px!important}
.bearing-a-v724{left:42px!important;top:11px!important}
.bearing-b-v724{right:30px!important;bottom:12px!important}

/* Actual Hero/System width at 1440 is compact: give Core Platform more room. */
@media(min-width:1200px) and (max-width:1599px){
  .system-brand-v724{
    grid-template-columns:minmax(0,55%) minmax(0,45%)!important;
    min-height:202px!important;
  }
  .system-core-v724{
    grid-template-columns:126px minmax(0,1fr)!important;
    gap:13px!important;
    padding:20px 12px 19px 17px!important;
  }
  .chip-mechanism-v724{width:122px!important;height:122px!important}
  .chip-mechanism-v724 .chip-shell-v72{width:96px!important;height:96px!important}
  .system-platform-copy-v724 h3{font-size:35px!important;letter-spacing:-1.25px!important}
  .system-platform-copy-v724 p{font-size:13.5px!important;line-height:1.3!important;margin-top:12px!important}
  html[lang="zh-CN"] .system-platform-copy-v724 p{font-size:14.5px!important}
  .core-platform-label-v724{font-size:10.4px!important;margin-bottom:9px!important}
  html[lang="zh-CN"] .core-platform-label-v724{font-size:12px!important}

  .system-rd-v724{
    grid-template-columns:minmax(0,1fr) 105px!important;
    gap:6px!important;
    padding:20px 12px 19px 10px!important;
  }
  .system-rd-label-v724{font-size:8.6px!important;letter-spacing:.78px!important}
  html[lang="zh-CN"] .system-rd-label-v724{font-size:10px!important}
  .system-rd-title-v724{max-width:142px!important;font-size:17.5px!important;line-height:1.18!important;margin-top:8px!important}
  html[lang="zh-CN"] .system-rd-title-v724{max-width:132px!important;font-size:19.5px!important;line-height:1.2!important}
  .asset-stack-v724{width:104px!important;height:112px!important}
  .asset-stage-v724{transform:scale(.76) rotateX(59deg) rotateZ(-34deg) translate3d(3px,5px,0)!important}
}

/* R&D hierarchy: stages → one central physical engine → three equal assets. */
.rd-v66-layout{
  display:block!important;
  width:100%!important;
}
.rd-v66-pipeline{
  width:100%!important;
}
.rd-product-engine-v724{
  width:100%!important;
  min-height:235px!important;
  margin:17px 0 18px!important;
}
.rd-v66-assets{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
}
.rd-v66-assets article{
  min-height:124px!important;
  padding:18px 18px 17px 54px!important;
}
.rd-v66-assets .rd-asset-icon-v721{left:17px!important;top:18px!important}

/* Research page gets the same single-center visual rhythm. */
.rd-product-engine-page-v724{
  width:100%!important;
  min-height:245px!important;
  margin:22px 0 28px!important;
  border-top:1px solid #e4ebf2;
  border-bottom:1px solid #e4ebf2;
}

@media(max-width:899px){
  .rd-v66-assets{grid-template-columns:1fr!important;gap:8px!important}
  .rd-v66-assets article{min-height:105px!important}
  .rd-product-engine-v724{min-height:190px!important}
}
/* V7.24.2 Research-page composition + bilingual microcopy */
.rd-page-grid-v66{
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important;
  align-items:start!important;
}
.rd-product-engine-page-v724{
  grid-column:1/-1!important;
  justify-self:stretch!important;
}
@media(max-width:899px){
  .rd-page-grid-v66{grid-template-columns:1fr!important}
  .rd-product-engine-page-v724{grid-column:1!important}
}
/* V7.24.3 Scene clipping: keep 3D decorations inside responsive cards. */
.metric-scene-v723,.module-scene-v723{overflow:hidden!important}

/* =========================================================
   V7.25 VOLUMETRIC CORPORATE SYSTEM
   No diagram lines; dimensional objects + balanced typography
   ========================================================= */
:root{
  --v725-blue:#7186dc;
  --v725-blue2:#9baae8;
  --v725-purple:#766bcf;
  --v725-navy:#17263d;
  --v725-gold1:#f1cd72;
  --v725-gold2:#b77b18;
}

/* Remove decorative connector/progress-line remnants globally. */
.flow-line,.rd-progress-v77,.rd-detail-progress-v77{display:none!important}
.work3{gap:14px!important}

/* ---------- Unified ILovestudy System ---------- */
.system-brand-v725{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,.92fr)!important;
  gap:18px!important;
  align-items:stretch!important;
  min-height:220px!important;
  padding:22px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#fff 0%,#fbfcfe 58%,#f3f7fc 100%)!important;
  overflow:hidden;
}
.system-brand-v725::before,.system-brand-v725::after{display:none!important}
.system-core-v725,.system-rd-v725{
  min-width:0;
  display:grid;
  align-items:center;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.system-core-v725{
  grid-template-columns:160px minmax(0,1fr);
  gap:18px;
  padding:8px 12px 8px 2px;
}
.system-rd-v725{
  grid-template-columns:minmax(0,1fr) 160px;
  gap:18px;
  padding:8px 4px 8px 16px;
}
.system-platform-copy-v725,.system-rd-copy-v725{min-width:0;position:relative;z-index:2}
.core-platform-label-v725,.system-rd-label-v725{
  display:block!important;
  margin:0 0 10px!important;
  color:#6f8097!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:1px!important;
  font-weight:780!important;
}
html[lang='zh-CN'] .core-platform-label-v725,
html[lang='zh-CN'] .system-rd-label-v725{
  font-size:13px!important;letter-spacing:.25px!important;
}
.system-platform-copy-v725 h3{
  margin:0!important;color:#10223e!important;font-size:44px!important;line-height:1!important;
  letter-spacing:-1.6px!important;font-weight:820!important;
}
.system-platform-copy-v725 p{
  margin:18px 0 0!important;color:#5b708b!important;font-size:16.5px!important;line-height:1.3!important;
}
.system-rd-title-v725{
  margin:0!important;max-width:310px;color:#182940!important;font-size:27px!important;line-height:1.16!important;
  letter-spacing:-.7px!important;font-weight:800!important;
}
html[lang='zh-CN'] .system-rd-title-v725{font-size:30px!important;max-width:250px}

/* ---------- Single premium CPU / metallic brain ---------- */
.cpu-brain-v725{
  width:150px;height:150px;position:relative;display:grid;place-items:center;perspective:800px;justify-self:center;
}
.cpu-package-v725{
  position:relative;width:118px;height:118px;border-radius:26px;
  background:
    radial-gradient(circle at 30% 24%,rgba(255,255,255,.9),transparent 22%),
    linear-gradient(145deg,#f2d68b 0%,#c79635 35%,#9b6615 68%,#dfb952 100%);
  box-shadow:
    0 20px 32px rgba(95,66,15,.16),
    inset 0 2px 2px rgba(255,255,255,.78),
    inset 0 -8px 16px rgba(93,58,8,.22),
    0 0 0 7px rgba(173,127,38,.08);
  transform-style:preserve-3d;
  animation:cpu-breathe-v725 7.2s ease-in-out infinite;
}
.cpu-package-v725::before{
  content:'';position:absolute;inset:10px;border-radius:20px;
  background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(67,39,4,.10));
  box-shadow:inset 0 0 0 1px rgba(101,68,12,.22),inset 0 0 18px rgba(99,64,8,.10);
}
.cpu-die-v725{
  position:absolute;inset:22px;border-radius:18px;overflow:hidden;transform:translateZ(12px);
  background:
    radial-gradient(circle at 34% 24%,#f0cd72 0 13%,transparent 14%),
    radial-gradient(circle at 68% 29%,#d6a640 0 15%,transparent 16%),
    radial-gradient(circle at 32% 68%,#c78c27 0 16%,transparent 17%),
    radial-gradient(circle at 69% 68%,#e8c260 0 16%,transparent 17%),
    linear-gradient(145deg,#d5a63e,#a96f16 58%,#e1b752);
  box-shadow:inset 0 2px 4px rgba(255,255,255,.45),inset 0 -7px 14px rgba(78,45,4,.22),0 8px 14px rgba(80,52,8,.18);
}
.cpu-die-v725::after{
  content:'';position:absolute;inset:-32%;
  background:linear-gradient(110deg,transparent 36%,rgba(255,255,255,.55) 49%,transparent 61%);
  transform:translateX(-65%) rotate(5deg);animation:cpu-sheen-v725 5.5s ease-in-out infinite;
}
.cpu-die-v725 span[class*='cpu-lobe']{
  position:absolute;border-radius:50%;background:linear-gradient(145deg,#e6bd5d,#ad7418);
  box-shadow:inset 2px 2px 3px rgba(255,255,255,.42),inset -3px -4px 6px rgba(90,52,4,.23),0 4px 5px rgba(84,53,7,.12);
}
.cpu-lobe-a-v725{left:13px;top:12px;width:25px;height:31px}
.cpu-lobe-b-v725{right:12px;top:15px;width:27px;height:27px}
.cpu-lobe-c-v725{left:16px;bottom:12px;width:29px;height:26px}
.cpu-lobe-d-v725{right:13px;bottom:11px;width:25px;height:31px}
.cpu-core-v725{position:absolute;left:50%;top:50%;width:25px;height:25px;transform:translate(-50%,-50%);border-radius:9px;background:linear-gradient(145deg,#f2d579,#a96d13);box-shadow:inset 2px 2px 3px rgba(255,255,255,.48),0 5px 7px rgba(79,49,5,.15)}
.cpu-mark-v725{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;color:#5e3c09;font-size:18px;font-weight:840;letter-spacing:-1px;text-shadow:0 1px 0 rgba(255,255,255,.48)}
.cpu-pins-v725{position:absolute;inset:-6px;pointer-events:none}
.cpu-pins-v725 i{position:absolute;width:12px;height:7px;border-radius:2px;background:linear-gradient(180deg,#e5bd5c,#9f6814);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.cpu-pins-v725 i:nth-child(1){left:17px;top:-2px}.cpu-pins-v725 i:nth-child(2){left:53px;top:-2px}.cpu-pins-v725 i:nth-child(3){right:17px;top:-2px}
.cpu-pins-v725 i:nth-child(4){right:-2px;top:17px;width:7px;height:12px}.cpu-pins-v725 i:nth-child(5){right:-2px;top:53px;width:7px;height:12px}.cpu-pins-v725 i:nth-child(6){right:-2px;bottom:17px;width:7px;height:12px}
.cpu-pins-v725 i:nth-child(7){right:17px;bottom:-2px}.cpu-pins-v725 i:nth-child(8){left:53px;bottom:-2px}.cpu-pins-v725 i:nth-child(9){left:17px;bottom:-2px}
.cpu-pins-v725 i:nth-child(10){left:-2px;bottom:17px;width:7px;height:12px}.cpu-pins-v725 i:nth-child(11){left:-2px;top:53px;width:7px;height:12px}.cpu-pins-v725 i:nth-child(12){left:-2px;top:17px;width:7px;height:12px}
@keyframes cpu-breathe-v725{0%,100%{transform:rotateX(2deg) rotateY(-5deg) translateY(0)}50%{transform:rotateX(-2deg) rotateY(6deg) translateY(-3px)}}
@keyframes cpu-sheen-v725{0%,20%{transform:translateX(-65%) rotate(5deg);opacity:.1}55%{opacity:.62}80%,100%{transform:translateX(70%) rotate(5deg);opacity:.1}}

/* ---------- Solid volumetric object primitives: no line-art ---------- */
.system-rd-object-v725,.metric-volume-v725,.module-volume-v725,.rd-stage-volume-v725,.rd-asset-volume-v725{position:relative;transform-style:preserve-3d;perspective:760px}
.system-rd-object-v725 i,.metric-volume-v725 i,.module-volume-v725 i,.rd-stage-volume-v725 i,.rd-asset-volume-v725 i{position:absolute;display:block;border:0!important}

/* R&D top asset object: layered solid product core */
.system-rd-object-v725{width:156px;height:140px;justify-self:center}
.vol-asset-core-v725 .vol-part-1,.vol-asset-core-v725 .vol-part-2,.vol-asset-core-v725 .vol-part-3{
  left:50%;width:92px;height:54px;border-radius:16px;transform:translateX(-50%) rotateX(58deg) rotateZ(-10deg);
  background:linear-gradient(145deg,#eef2ff,#9eafe9 58%,#7b8fdc);box-shadow:10px 14px 20px rgba(66,84,151,.11);
}
.vol-asset-core-v725 .vol-part-1{top:55px;opacity:.55}.vol-asset-core-v725 .vol-part-2{top:40px;opacity:.78}.vol-asset-core-v725 .vol-part-3{top:24px}
.vol-asset-core-v725 .vol-part-4{left:61px;top:43px;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#f9fbff,#7f93df);box-shadow:0 9px 18px rgba(65,83,152,.16);animation:asset-float-v725 4.8s ease-in-out infinite}
.vol-asset-core-v725 .vol-part-5{left:72px;top:53px;width:12px;height:12px;border-radius:4px;background:#fff;opacity:.72}
@keyframes asset-float-v725{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-6px) rotate(2deg)}}

/* System cards */
.metric-volume-v725{height:92px;margin:9px 0 11px}
.metric-volume-v725 .vol-part-5,.module-volume-v725 .vol-part-5,.rd-stage-volume-v725 .vol-part-5{display:none}
.vol-users-v725 .vol-part-1,.vol-users-v725 .vol-part-2,.vol-users-v725 .vol-part-3{width:24px;height:24px;border-radius:50%;background:linear-gradient(145deg,#f7f9ff,#7f92df);box-shadow:8px 10px 16px rgba(65,83,151,.12)}
.vol-users-v725 .vol-part-1{left:28%;top:28px;opacity:.72}.vol-users-v725 .vol-part-2{left:46%;top:14px;width:30px;height:30px}.vol-users-v725 .vol-part-3{left:64%;top:30px;opacity:.8}
.vol-users-v725 .vol-part-4{left:32%;bottom:9px;width:42%;height:28px;border-radius:28px 28px 12px 12px;background:linear-gradient(145deg,#dbe3fa,#8fa0e3);box-shadow:8px 12px 18px rgba(65,83,151,.10)}
.vol-market-v725 .vol-part-1,.vol-market-v725 .vol-part-2,.vol-market-v725 .vol-part-3{bottom:12px;width:34px;border-radius:7px;background:linear-gradient(145deg,#aebbed,#7288da);box-shadow:9px 11px 15px rgba(65,83,151,.12);transform:skewY(-8deg)}
.vol-market-v725 .vol-part-1{left:28%;height:28px;opacity:.62}.vol-market-v725 .vol-part-2{left:46%;height:48px;opacity:.82}.vol-market-v725 .vol-part-3{left:64%;height:68px}
.vol-market-v725 .vol-part-4{right:21%;top:11px;width:23px;height:23px;border-radius:7px;background:linear-gradient(145deg,#f5f7ff,#776dd1);box-shadow:7px 9px 13px rgba(80,71,152,.12);transform:rotate(45deg)}
.vol-shield-v725 .vol-part-1{left:50%;top:8px;width:58px;height:66px;transform:translateX(-50%) rotateY(-13deg);clip-path:polygon(50% 0,91% 14%,84% 67%,50% 100%,16% 67%,9% 14%);background:linear-gradient(145deg,#f5f7ff,#8396df 60%,#6f83d7);box-shadow:10px 14px 20px rgba(65,83,151,.14)}
.vol-shield-v725 .vol-part-2{left:calc(50% - 10px);top:31px;width:21px;height:12px;clip-path:polygon(0 45%,38% 100%,100% 0,86% 0,37% 72%,12% 36%);background:#fff;filter:drop-shadow(0 2px 2px rgba(53,70,128,.16))}
.vol-shield-v725 .vol-part-3,.vol-shield-v725 .vol-part-4{display:none}

/* Work / partnership module volumes */
.module-volume-v725{height:96px;margin:8px 0 12px}
.vol-readiness-v725 .vol-part-1,.vol-content-v725 .vol-part-1,.vol-prototype-v725 .vol-part-1{left:28%;top:17px;width:78px;height:56px;border-radius:12px;background:linear-gradient(145deg,#fff,#a3b2e8 72%);box-shadow:12px 15px 20px rgba(65,83,151,.11);transform:rotateY(-20deg) rotateX(4deg)}
.vol-readiness-v725 .vol-part-2{right:26%;top:27px;width:42px;height:48px;clip-path:polygon(50% 0,92% 15%,83% 66%,50% 100%,17% 66%,8% 15%);background:linear-gradient(145deg,#f6f7ff,#756bd0);box-shadow:8px 10px 14px rgba(79,70,151,.12)}
.vol-readiness-v725 .vol-part-3,.vol-readiness-v725 .vol-part-4{display:none}
.vol-content-v725 .vol-part-2,.vol-content-v725 .vol-part-3{left:42%;top:10px;width:78px;height:56px;border-radius:12px;background:linear-gradient(145deg,#f8faff,#8fa0e3);box-shadow:10px 12px 18px rgba(65,83,151,.09);transform:rotateY(-16deg);opacity:.72}
.vol-content-v725 .vol-part-3{left:54%;top:4px;opacity:.45}
.vol-content-v725 .vol-part-4{right:22%;bottom:14px;width:24px;height:24px;border-radius:8px;background:linear-gradient(145deg,#fafbff,#766cd0);box-shadow:7px 9px 12px rgba(78,69,150,.10);transform:rotate(18deg)}
.vol-signals-v725 .vol-part-1,.vol-signals-v725 .vol-part-2,.vol-signals-v725 .vol-part-3{width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,#f5f7ff,#778bdc);box-shadow:8px 11px 16px rgba(64,82,149,.11)}
.vol-signals-v725 .vol-part-1{left:28%;top:45px}.vol-signals-v725 .vol-part-2{left:48%;top:19px;width:29px;height:29px}.vol-signals-v725 .vol-part-3{right:26%;top:49px;background:linear-gradient(145deg,#f7f7ff,#766bcf)}
.vol-signals-v725 .vol-part-4{left:50%;top:62px;width:104px;height:32px;transform:translate(-50%,-50%) rotateX(68deg);border-radius:50%;background:radial-gradient(ellipse,rgba(119,137,219,.16),rgba(119,137,219,0) 70%)}
.vol-prototype-v725 .vol-part-2{right:25%;top:16px;width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,#fff,#776cd0);box-shadow:8px 10px 14px rgba(78,69,150,.11);transform:rotate(24deg)}
.vol-prototype-v725 .vol-part-3,.vol-prototype-v725 .vol-part-4{display:none}
.vol-marketkit-v725 .vol-part-1,.vol-marketkit-v725 .vol-part-2,.vol-marketkit-v725 .vol-part-3{bottom:18px;width:45px;border-radius:9px;background:linear-gradient(145deg,#fff,#95a5e4);box-shadow:9px 12px 16px rgba(65,83,151,.10)}
.vol-marketkit-v725 .vol-part-1{left:28%;height:54px;transform:rotateY(-18deg)}.vol-marketkit-v725 .vol-part-2{left:46%;height:67px}.vol-marketkit-v725 .vol-part-3{left:64%;height:47px;transform:rotateY(16deg)}
.vol-marketkit-v725 .vol-part-4{display:none}
.vol-scale-v725 .vol-part-1,.vol-scale-v725 .vol-part-2,.vol-scale-v725 .vol-part-3{bottom:13px;width:34px;border-radius:8px;background:linear-gradient(145deg,#b7c2ef,#7489db);box-shadow:8px 11px 15px rgba(65,83,151,.11);transform:skewY(-8deg)}
.vol-scale-v725 .vol-part-1{left:29%;height:30px;opacity:.62}.vol-scale-v725 .vol-part-2{left:47%;height:51px;opacity:.8}.vol-scale-v725 .vol-part-3{left:65%;height:72px}
.vol-scale-v725 .vol-part-4{display:none}
.vol-cobuild-v725 .vol-part-1,.vol-cobuild-v725 .vol-part-2{top:20px;width:58px;height:58px;border-radius:13px;background:linear-gradient(145deg,#fff,#8ea0e3);box-shadow:10px 12px 18px rgba(65,83,151,.11)}
.vol-cobuild-v725 .vol-part-1{left:34%;transform:rotateY(-22deg)}.vol-cobuild-v725 .vol-part-2{right:31%;background:linear-gradient(145deg,#faf9ff,#766bcf);transform:rotateY(20deg)}
.vol-cobuild-v725 .vol-part-3{left:50%;top:38px;width:24px;height:24px;border-radius:8px;transform:translateX(-50%) rotate(45deg);background:#f8f9ff;box-shadow:0 6px 12px rgba(69,84,143,.09)}
.vol-cobuild-v725 .vol-part-4{display:none}

/* R&D stage volumes in the middle of each card */
.rd-stage-volume-v725{height:112px;margin:12px 0 12px}
.vol-need-v725 .vol-part-1{left:50%;top:17px;width:66px;height:66px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#899be0 66%,#7287d9);box-shadow:12px 15px 22px rgba(65,83,151,.13)}
.vol-need-v725 .vol-part-2{left:50%;top:48px;width:34px;height:34px;transform:translateX(-50%) rotate(45deg);border-radius:11px;background:linear-gradient(145deg,#f7f8ff,#766bcf);box-shadow:8px 10px 14px rgba(77,69,149,.12)}
.vol-need-v725 .vol-part-3,.vol-need-v725 .vol-part-4{display:none}
.vol-validate-v725 .vol-part-1{left:50%;top:15px;width:72px;height:72px;transform:translateX(-50%);clip-path:polygon(50% 0,91% 14%,84% 67%,50% 100%,16% 67%,9% 14%);background:linear-gradient(145deg,#f7f9ff,#8093df 60%,#6c80d5);box-shadow:12px 15px 22px rgba(65,83,151,.14)}
.vol-validate-v725 .vol-part-2{left:calc(50% - 14px);top:47px;width:29px;height:15px;clip-path:polygon(0 45%,38% 100%,100% 0,86% 0,37% 72%,12% 36%);background:#fff}
.vol-validate-v725 .vol-part-3,.vol-validate-v725 .vol-part-4{display:none}
.vol-build-v725 .vol-part-1,.vol-build-v725 .vol-part-2,.vol-build-v725 .vol-part-3{left:50%;width:88px;height:48px;border-radius:13px;transform:translateX(-50%) rotateX(58deg) rotateZ(-8deg);background:linear-gradient(145deg,#f8faff,#91a2e4);box-shadow:10px 13px 18px rgba(65,83,151,.10)}
.vol-build-v725 .vol-part-1{top:50px;opacity:.5}.vol-build-v725 .vol-part-2{top:34px;opacity:.75}.vol-build-v725 .vol-part-3{top:18px}.vol-build-v725 .vol-part-4{left:50%;top:37px;width:30px;height:30px;transform:translateX(-50%);border-radius:9px;background:linear-gradient(145deg,#fff,#766bcf);box-shadow:0 8px 16px rgba(77,69,149,.12)}
.vol-ip-v725 .vol-part-1{left:50%;top:13px;width:74px;height:74px;transform:translateX(-50%) rotateY(-14deg);border-radius:22px;background:linear-gradient(145deg,#f8f9ff,#8375d4);box-shadow:12px 15px 22px rgba(76,67,147,.14)}
.vol-ip-v725 .vol-part-2{left:50%;top:35px;width:32px;height:32px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(145deg,#fff,#a7b4e8);box-shadow:inset 0 -5px 8px rgba(75,88,151,.10)}
.vol-ip-v725 .vol-part-3{left:50%;top:47px;width:10px;height:10px;transform:translateX(-50%);border-radius:4px;background:#6e81d7}.vol-ip-v725 .vol-part-4{display:none}

/* R&D asset cards: 4D/5D visual left, text right */
.rd-v66-assets,.rd-page-assets-v66{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.rd-asset-card-v725,.rd-page-asset-card-v725{
  display:grid!important;grid-template-columns:108px minmax(0,1fr)!important;gap:16px!important;align-items:center!important;
  min-height:150px!important;padding:18px!important;border-radius:18px!important;overflow:hidden;
}
.rd-asset-volume-v725{width:102px;height:94px}
.rd-asset-copy-v725{min-width:0}
.rd-asset-copy-v725 small{display:block;color:#8492a4!important;font-size:8px!important;letter-spacing:1px!important;font-weight:700!important;margin:0 0 8px!important}
html[lang='zh-CN'] .rd-asset-copy-v725 small{font-size:9px!important;letter-spacing:.25px!important}
.rd-asset-copy-v725 h3{margin:0!important;color:#17263d!important;font-size:17px!important;line-height:1.28!important;font-weight:740!important;letter-spacing:-.35px!important}
html[lang='zh-CN'] .rd-asset-copy-v725 h3{font-size:18px!important}
.vol-software-v725 .vol-part-1,.vol-software-v725 .vol-part-2,.vol-software-v725 .vol-part-3{left:50%;width:66px;height:44px;border-radius:10px;transform:translateX(-50%) rotateY(-22deg) rotateX(8deg);background:linear-gradient(145deg,#fff,#8ea0e3);box-shadow:9px 11px 15px rgba(65,83,151,.10)}
.vol-software-v725 .vol-part-1{top:42px;opacity:.46}.vol-software-v725 .vol-part-2{top:26px;opacity:.72}.vol-software-v725 .vol-part-3{top:10px}.vol-software-v725 .vol-part-4{right:13px;top:19px;width:22px;height:22px;border-radius:7px;background:linear-gradient(145deg,#fafbff,#766bcf);box-shadow:6px 8px 11px rgba(77,69,149,.10)}
.vol-digital-v725 .vol-part-1,.vol-digital-v725 .vol-part-2,.vol-digital-v725 .vol-part-3{position:absolute;width:44px;height:58px;border-radius:10px;background:linear-gradient(145deg,#fff,#8fa0e3);box-shadow:8px 10px 14px rgba(65,83,151,.10)}
.vol-digital-v725 .vol-part-1{left:13px;top:24px;transform:rotateY(-18deg);opacity:.68}.vol-digital-v725 .vol-part-2{left:34px;top:13px;transform:translateZ(14px)}.vol-digital-v725 .vol-part-3{right:10px;top:30px;transform:rotateY(18deg);opacity:.8}.vol-digital-v725 .vol-part-4{display:none}
.vol-techip-v725 .vol-part-1{left:50%;top:10px;width:70px;height:70px;transform:translateX(-50%) rotateY(-15deg);border-radius:22px;background:linear-gradient(145deg,#f9f9ff,#8274d4);box-shadow:11px 14px 19px rgba(76,67,147,.12)}
.vol-techip-v725 .vol-part-2{left:50%;top:29px;width:32px;height:32px;transform:translateX(-50%);border-radius:10px;background:linear-gradient(145deg,#fff,#96a7e5);box-shadow:0 7px 12px rgba(66,82,145,.08)}.vol-techip-v725 .vol-part-3,.vol-techip-v725 .vol-part-4{display:none}

/* Hide old line-based or duplicate visual systems if markup survives. */
.metric-scene-v723,.metric-visual-v722,.module-scene-v723,.work-symbol,.stage-mark,.rd-stage-icon-v721,.rd-stage-icon-v723,.rd-stage-feature-v722,.rd-product-engine-v724,.rd-engine-spatial-v723{display:none!important}

/* Consistent card sizing */
.metrics{align-items:stretch!important}
.metric{min-height:292px!important}
.work-card-v68{min-height:330px!important}
.partnership-card-v68{min-height:320px!important}
.rd-v66-stage,.rd-page-pipeline-v66 article{min-height:300px!important}

/* ---------- Responsive ---------- */
@media(max-width:1400px){
  .system-brand-v725{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)!important;min-height:202px!important;padding:18px!important}
  .system-core-v725{grid-template-columns:135px minmax(0,1fr);gap:14px}.system-rd-v725{grid-template-columns:minmax(0,1fr) 135px;gap:12px}
  .cpu-brain-v725{width:132px;height:132px}.cpu-package-v725{width:104px;height:104px}.cpu-die-v725{inset:20px}
  .system-platform-copy-v725 h3{font-size:38px!important}.system-platform-copy-v725 p{font-size:15px!important}.system-rd-title-v725{font-size:22px!important}html[lang='zh-CN'] .system-rd-title-v725{font-size:24px!important}
  .system-rd-object-v725{width:132px;height:120px}
  .metric{min-height:270px!important}.work-card-v68{min-height:306px!important}.partnership-card-v68{min-height:300px!important}.rd-v66-stage,.rd-page-pipeline-v66 article{min-height:280px!important}
  .rd-asset-card-v725,.rd-page-asset-card-v725{grid-template-columns:92px minmax(0,1fr)!important;padding:15px!important;gap:12px!important}.rd-asset-volume-v725{width:86px;height:84px}
}
@media(max-height:820px) and (min-width:1100px){
  .system-brand-v725{min-height:176px!important}.cpu-brain-v725{width:112px;height:112px}.cpu-package-v725{width:90px;height:90px}.system-platform-copy-v725 h3{font-size:34px!important}.system-platform-copy-v725 p{margin-top:12px!important;font-size:13.5px!important}.system-rd-title-v725{font-size:19px!important}html[lang='zh-CN'] .system-rd-title-v725{font-size:21px!important}
  .metric-volume-v725{height:66px}.module-volume-v725{height:72px}.rd-stage-volume-v725{height:82px}.metric{min-height:238px!important}.work-card-v68{min-height:270px!important}.partnership-card-v68{min-height:264px!important}.rd-v66-stage,.rd-page-pipeline-v66 article{min-height:248px!important}
}
@media(min-width:721px) and (max-width:1199px){
  .system-brand-v725{grid-template-columns:1fr!important}.system-core-v725,.system-rd-v725{grid-template-columns:150px minmax(0,1fr)!important;padding:14px 10px!important}.system-rd-v725{grid-template-columns:minmax(0,1fr) 150px!important}
  .rd-v66-assets,.rd-page-assets-v66{grid-template-columns:1fr!important}.rd-asset-card-v725,.rd-page-asset-card-v725{grid-template-columns:120px minmax(0,1fr)!important;min-height:140px!important}.rd-asset-volume-v725{width:110px;height:100px}
}
@media(max-width:720px){
  .system-brand-v725{grid-template-columns:1fr!important;padding:15px!important;gap:8px!important}.system-core-v725{grid-template-columns:96px minmax(0,1fr)!important;gap:11px!important;padding:8px 0!important}.system-rd-v725{grid-template-columns:minmax(0,1fr) 100px!important;gap:8px!important;padding:14px 0 4px!important}
  .cpu-brain-v725{width:94px;height:94px}.cpu-package-v725{width:74px;height:74px;border-radius:18px}.cpu-die-v725{inset:15px;border-radius:13px}.cpu-mark-v725{font-size:12px}.cpu-pins-v725{display:none}
  .core-platform-label-v725,.system-rd-label-v725,html[lang='zh-CN'] .core-platform-label-v725,html[lang='zh-CN'] .system-rd-label-v725{font-size:8.8px!important;margin-bottom:7px!important}.system-platform-copy-v725 h3{font-size:28px!important;letter-spacing:-1px!important}.system-platform-copy-v725 p{margin-top:9px!important;font-size:11.8px!important}.system-rd-title-v725,html[lang='zh-CN'] .system-rd-title-v725{font-size:17px!important;line-height:1.22!important}.system-rd-object-v725{width:96px;height:92px}
  .metric{min-height:242px!important}.work-card-v68,.partnership-card-v68{min-height:255px!important}.rd-v66-stage,.rd-page-pipeline-v66 article{min-height:260px!important}
  .metric-volume-v725{height:68px}.module-volume-v725{height:72px}.rd-stage-volume-v725{height:86px}
  .rd-v66-assets,.rd-page-assets-v66{grid-template-columns:1fr!important}.rd-asset-card-v725,.rd-page-asset-card-v725{grid-template-columns:88px minmax(0,1fr)!important;min-height:128px!important;padding:14px!important;gap:12px!important}.rd-asset-volume-v725{width:82px;height:78px}.rd-asset-copy-v725 h3,html[lang='zh-CN'] .rd-asset-copy-v725 h3{font-size:16px!important}
}
@media(max-width:390px){
  .system-core-v725{grid-template-columns:84px minmax(0,1fr)!important}.cpu-brain-v725{width:82px;height:82px}.cpu-package-v725{width:64px;height:64px}.system-platform-copy-v725 h3{font-size:25px!important}.system-platform-copy-v725 p{font-size:10.8px!important}.system-rd-v725{grid-template-columns:minmax(0,1fr) 84px!important}.system-rd-title-v725,html[lang='zh-CN'] .system-rd-title-v725{font-size:15.5px!important}.system-rd-object-v725{width:82px;height:82px}
  .rd-asset-card-v725,.rd-page-asset-card-v725{grid-template-columns:78px minmax(0,1fr)!important;gap:9px!important}.rd-asset-volume-v725{width:72px;height:72px}
}
@media(prefers-reduced-motion:reduce){.cpu-package-v725,.cpu-die-v725::after,.vol-asset-core-v725 .vol-part-4{animation:none!important}}

/* =========================================================
   V7.26 DEEP OPTIMIZATION
   Clean corporate layout, consistent scale and responsive rhythm
   ========================================================= */

/* ---------- Homepage ILovestudy System ---------- */
.system-brand{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(170px,.65fr)!important;
  align-items:center!important;
  gap:24px!important;
  min-height:188px!important;
  padding:24px 28px!important;
  overflow:hidden!important;
  border:1px solid #e1e7ef!important;
  border-radius:20px!important;
  background:linear-gradient(135deg,#fff 0%,#f8fafc 100%)!important;
  box-shadow:0 12px 28px rgba(39,56,81,.04)!important;
}
.system-brand::before,
.system-brand::after{display:none!important}

.system-core-v726{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:24px;
  align-items:center;
  min-width:0;
}
.cpu-chip-v726{
  width:116px;
  height:116px;
  display:grid;
  place-items:center;
  perspective:760px;
}
.cpu-package-v726{
  position:relative;
  width:94px;
  height:94px;
  border-radius:17px;
  background:
    linear-gradient(145deg,#c99b35 0%,#e2bb5b 42%,#a9781c 100%);
  box-shadow:
    0 12px 26px rgba(104,72,12,.16),
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -3px 8px rgba(107,72,10,.14);
  animation:cpu-float-v726 7s ease-in-out infinite;
}
.cpu-die-v726{
  position:absolute;
  inset:15px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:
    linear-gradient(145deg,#f0ca70,#bd8730);
  box-shadow:
    inset 0 0 0 1px rgba(99,67,12,.18),
    inset 0 7px 14px rgba(255,255,255,.18);
}
.cpu-mark-v726{
  color:#7a5715;
  font-size:20px;
  line-height:1;
  font-weight:820;
  letter-spacing:-1px;
  text-shadow:0 1px 0 rgba(255,255,255,.38);
}
.cpu-pins-v726{
  position:absolute;
  inset:-8px;
  pointer-events:none;
}
.cpu-pins-v726 i{
  position:absolute;
  width:8px;height:3px;
  border-radius:3px;
  background:linear-gradient(90deg,#ab7d2d,#e4bd61);
}
.cpu-pins-v726 i:nth-child(1){left:-1px;top:20px}
.cpu-pins-v726 i:nth-child(2){left:-1px;top:37px}
.cpu-pins-v726 i:nth-child(3){left:-1px;top:54px}
.cpu-pins-v726 i:nth-child(4){left:-1px;top:71px}
.cpu-pins-v726 i:nth-child(5){right:-1px;top:20px}
.cpu-pins-v726 i:nth-child(6){right:-1px;top:37px}
.cpu-pins-v726 i:nth-child(7){right:-1px;top:54px}
.cpu-pins-v726 i:nth-child(8){right:-1px;top:71px}
.cpu-pins-v726 i:nth-child(9){top:-1px;left:20px;transform:rotate(90deg)}
.cpu-pins-v726 i:nth-child(10){top:-1px;left:37px;transform:rotate(90deg)}
.cpu-pins-v726 i:nth-child(11){top:-1px;left:54px;transform:rotate(90deg)}
.cpu-pins-v726 i:nth-child(12){top:-1px;left:71px;transform:rotate(90deg)}
.cpu-pins-v726 i:nth-child(13){bottom:-1px;left:20px;transform:rotate(90deg)}
.cpu-pins-v726 i:nth-child(14){bottom:-1px;left:37px;transform:rotate(90deg)}
.cpu-pins-v726 i:nth-child(15){bottom:-1px;left:54px;transform:rotate(90deg)}
.cpu-pins-v726 i:nth-child(16){bottom:-1px;left:71px;transform:rotate(90deg)}
@keyframes cpu-float-v726{
  0%,100%{transform:rotateX(2deg) rotateY(-4deg) translateY(0)}
  50%{transform:rotateX(-1deg) rotateY(4deg) translateY(-2px)}
}

.system-platform-copy-v726{min-width:0}
.core-platform-label-v726{
  display:block;
  margin-bottom:10px;
  color:#76869a!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:1.05px!important;
  font-weight:760!important;
}
html[lang="zh-CN"] .core-platform-label-v726{
  font-size:13px!important;
  letter-spacing:.3px!important;
}
.system-platform-brand-v726{
  margin:0!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  color:#12233e!important;
  font-size:40px!important;
  line-height:1!important;
  letter-spacing:-1.4px!important;
  font-weight:820!important;
}
.system-platform-tagline-v726{
  margin:14px 0 0!important;
  color:#5d7088!important;
  font-size:15px!important;
  line-height:1.35!important;
}
.system-rd-v726{
  min-width:0;
  display:grid;
  place-items:center;
  min-height:112px;
  padding:16px;
}
.system-rd-only-v726{
  text-align:center;
  color:#243650;
  font-size:26px;
  line-height:1.1;
  letter-spacing:-.4px;
  font-weight:790;
}
html[lang="zh-CN"] .system-rd-only-v726{
  font-size:30px;
  letter-spacing:-.3px;
}

/* ---------- System 03 shield ---------- */
.assurance-shield-v726{
  position:relative;
  width:84px;height:84px;
  margin:10px auto 9px;
}
.shield-body-v726{
  position:absolute;
  left:50%;top:5px;
  width:56px;height:64px;
  transform:translateX(-50%);
  border:2px solid #7185d8;
  border-radius:24px 24px 31px 31px / 18px 18px 34px 34px;
  background:linear-gradient(145deg,#fff,#eef3fa);
  box-shadow:0 10px 18px rgba(70,87,154,.09);
}
.shield-check-v726{
  position:absolute;
  left:50%;top:35px;
  width:24px;height:11px;
  transform:translateX(-50%) rotate(-45deg);
  border-left:4px solid #6f82d8;
  border-bottom:4px solid #6f82d8;
}

/* ---------- How We Work normalization ---------- */
.work-grid-v68{align-items:stretch!important}
.work-card-v68{
  min-height:248px!important;
  padding:22px!important;
  display:flex!important;
  flex-direction:column!important;
}
.work-card-v68 .num{
  font-size:52px!important;
  line-height:.92!important;
}
.work-icon-v726{
  position:relative;
  width:44px;height:44px;
  margin:16px 0 18px;
  border-radius:13px;
  background:linear-gradient(145deg,#f7faff,#e8eef7);
  box-shadow:0 8px 17px rgba(55,72,101,.05);
}
.work-icon-v726::before{
  content:"";
  position:absolute;
  inset:11px;
  border:2px solid #7185d8;
  border-radius:6px;
}
.work-icon-v726::after{
  content:"";
  position:absolute;
  left:15px;right:15px;top:21px;
  height:2px;
  background:#7185d8;
}
.work-card-v68 h3{margin-top:auto!important}
.work-card-v68 p{margin-top:10px!important}

/* ---------- R&D compact 1-4 ---------- */
.rd-v66-stage,
.rd-page-pipeline-v66 article{
  position:relative;
  min-height:138px!important;
  padding:17px!important;
}
.rd-v66-stage .num,
.rd-page-pipeline-v66 .num{
  font-size:42px!important;
}
.rd-mini-icon-v726{
  position:absolute;
  right:15px;top:15px;
  width:33px;height:33px;
  border-radius:10px;
  background:linear-gradient(145deg,#fff,#edf2f8);
  box-shadow:0 6px 14px rgba(57,75,107,.05);
}
.rd-mini-icon-v726::before{
  content:"";
  position:absolute;
  inset:9px;
  border:2px solid #7387d8;
  border-radius:50%;
}
.rd-mini-icon-v726::after{
  content:"";
  position:absolute;
  width:7px;height:2px;
  right:7px;bottom:8px;
  background:#7387d8;
  transform:rotate(45deg);
}
.rd-v66-stage h3,
.rd-page-pipeline-v66 h3{
  font-size:15.8px!important;
  line-height:1.28!important;
}
.rd-v66-stage small,
.rd-page-pipeline-v66 small{
  font-size:7.6px!important;
}

/* Oversized / line-art leftovers */
.rd-engine-spatial-v723,
.rd-engine-spatial-v724,
.rd-engine-spatial-v725,
.product-engine-v725,
.flow-line-v68,
.rd-progress-v77,
.rd-detail-progress-v77,
.system-rd-orbit-v723,
.rd-engine-orbit-v723{
  display:none!important;
}

/* ---------- Partner Products value density ---------- */
.partner-value-intro-v726{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:0 0 16px;
}
.partner-value-pill-v726{
  min-height:64px;
  display:grid;
  grid-template-columns:24px 26px minmax(0,1fr);
  gap:8px;
  align-items:center;
  padding:11px 12px;
  border-radius:14px;
  background:linear-gradient(145deg,#fff,#f3f6fa);
  box-shadow:0 8px 16px rgba(52,69,96,.04);
}
.partner-value-pill-v726 i{
  width:26px;height:26px;
  border-radius:8px;
  background:linear-gradient(145deg,#f6f9fd,#e6edf6);
  position:relative;
}
.partner-value-pill-v726 i::before{
  content:"";
  position:absolute;
  inset:7px;
  border:1.8px solid #7387d8;
  border-radius:4px;
}
.partner-value-pill-v726 strong{
  min-width:0;
  color:#40526a;
  font-size:10.7px;
  line-height:1.28;
  font-weight:700;
}
.partner-value-card-v726{
  min-height:126px!important;
}

/* ---------- General card rhythm ---------- */
.metric,
.work-card-v68,
.partnership-card-v68,
.rd-v66-stage,
.commercial-v67-abc article,
.partner-benefit-card-v717{
  min-width:0;
}

/* ---------- Responsive ---------- */
@media(max-width:1199px){
  .system-brand{
    grid-template-columns:1fr!important;
  }
  .system-rd-v726{
    min-height:76px;
    padding-top:8px;
  }
}
@media(max-width:720px){
  .system-brand{
    padding:17px!important;
    gap:12px!important;
  }
  .system-core-v726{
    grid-template-columns:88px minmax(0,1fr);
    gap:13px;
  }
  .cpu-chip-v726{width:80px;height:80px}
  .cpu-package-v726{width:68px;height:68px;border-radius:13px}
  .cpu-die-v726{inset:11px;border-radius:8px}
  .cpu-mark-v726{font-size:15px}
  .system-platform-brand-v726{font-size:29px!important}
  .system-platform-tagline-v726{margin-top:8px!important;font-size:12px!important}
  .core-platform-label-v726,
  html[lang="zh-CN"] .core-platform-label-v726{
    margin-bottom:7px!important;
    font-size:9px!important;
  }
  .system-rd-only-v726,
  html[lang="zh-CN"] .system-rd-only-v726{
    font-size:20px!important;
  }

  .work-card-v68{
    min-height:188px!important;
    padding:16px!important;
  }
  .work-card-v68 .num{font-size:40px!important}
  .work-icon-v726{width:38px;height:38px;margin:12px 0 13px}

  .rd-v66-stage,
  .rd-page-pipeline-v66 article{
    min-height:114px!important;
    padding:14px!important;
  }
  .rd-v66-stage .num,
  .rd-page-pipeline-v66 .num{font-size:34px!important}

  .partner-value-intro-v726{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
}
@media(max-width:390px){
  .system-platform-brand-v726{font-size:26px!important}
  .partner-value-intro-v726{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .cpu-package-v726{animation:none!important}
}

/* =========================================================
 V7.27 Deep QA: typography, bilingual balance, responsive cleanup
 ========================================================= */

/* remove excessive micro labels / avoid repeated visual hierarchy */
.core-platform-label-v726,
.core-platform-label-v727{
 font-size:10px!important;
 letter-spacing:.8px!important;
}
.system-platform-tagline-v726,
.system-platform-tagline-v727{
 max-width:520px;
}

/* homepage hero: keep one brand hierarchy */
.system-platform-brand-v726,
.system-platform-brand-v727{
 white-space:nowrap!important;
 font-size:42px!important;
}
.system-rd-only-v726,
.system-rd-only-v727{
 font-size:24px!important;
 font-weight:760!important;
}

/* shield: professional security shield, not sharp arrow */
.assurance-shield-v726,
.assurance-shield-v727{
 width:76px!important;
 height:76px!important;
}
.shield-body-v726,
.shield-body-v727{
 width:58px!important;
 height:58px!important;
 top:9px!important;
 border-radius:16px 16px 22px 22px!important;
 clip-path:none!important;
}
.shield-check-v726,
.shield-check-v727{
 top:34px!important;
}

/* reduce duplicate-looking subtitles */
small + h3 + p,
small + h2 + p{
 line-height:1.5!important;
}

/* consistent bilingual headings */
[data-en],[data-zh]{
 word-break:normal;
}

/* partner products: avoid duplicated benefit blocks */
.partner-value-intro-v726,
.partner-value-intro-v727{
 margin-bottom:18px!important;
}
.partner-value-pill-v726,
.partner-value-pill-v727{
 min-height:58px!important;
}
.partner-value-pill-v726 strong,
.partner-value-pill-v727 strong{
 font-size:10px!important;
}
.partner-benefit-card-v717{
 min-height:0!important;
}

/* responsive */
@media(max-width:1200px){
 .system-brand{
   grid-template-columns:1fr!important;
 }
}
@media(max-width:720px){
 .system-platform-brand-v726,
 .system-platform-brand-v727{
   font-size:28px!important;
 }
 .partner-value-intro-v726,
 .partner-value-intro-v727{
   grid-template-columns:1fr!important;
 }
}

/* =========================================================
   V7.28 — Deep Structure Optimization
   Reduce repetition, one visual per module, bilingual responsive QA
   ========================================================= */

/* global page rhythm */
.section{padding-block:78px!important}
.section-head{margin-bottom:30px!important;gap:34px!important;align-items:end!important}
.section-head h2{margin:0!important}
.section-head>p{max-width:560px!important;margin:0!important;font-size:15px!important;line-height:1.72!important}

/* SYSTEM: cleaner header, stable desktop / tablet / mobile */
.system-head>div{display:flex!important;align-items:center!important}
.system-head strong{font-size:14px!important;line-height:1.2!important;letter-spacing:-.15px!important}
.system-brand{
  grid-template-columns:minmax(0,1.4fr) minmax(190px,.6fr)!important;
  min-height:184px!important;
  padding:24px 30px!important;
  gap:26px!important;
}
.system-core-v726{grid-template-columns:122px minmax(0,1fr)!important;gap:24px!important}
.cpu-chip-v726{width:108px!important;height:108px!important}
.cpu-package-v726{width:88px!important;height:88px!important}
.system-platform-brand-v726{font-size:39px!important;line-height:1!important;white-space:nowrap!important}
.system-platform-tagline-v726{font-size:14px!important;margin-top:13px!important}

/* Homepage R&D: one restrained dimensional asset mark, no explanatory copy */
.system-rd-v728{display:flex;align-items:center;justify-content:center;gap:18px;min-width:0;padding:14px 8px}
.system-rd-only-v728{font-size:24px;font-weight:790;color:#233450;line-height:1.12;white-space:nowrap}
.rd-mark3d-v728{position:relative;width:86px;height:76px;flex:0 0 auto;transform-style:preserve-3d;perspective:700px;animation:rdMarkFloat728 7s ease-in-out infinite}
.rd-mark3d-v728 span{position:absolute;left:50%;transform:translateX(-50%) rotateX(58deg) rotateZ(-5deg);border-radius:16px;box-shadow:0 12px 20px rgba(77,93,157,.12)}
.rd-mark-base-v728{width:72px;height:56px;top:18px;background:linear-gradient(145deg,#dfe6f5,#a8b6df)}
.rd-mark-mid-v728{width:64px;height:48px;top:10px;background:linear-gradient(145deg,#eef2fb,#93a6e5)}
.rd-mark-core-v728{width:52px;height:40px;top:2px;background:linear-gradient(145deg,#f8f9ff,#766fd1)}
.rd-mark-text-v728{position:absolute;left:50%;top:29px;transform:translate(-50%,-50%);z-index:4;font-size:13px;letter-spacing:-.2px;color:#fff;text-shadow:0 1px 4px rgba(44,54,112,.18)}
@keyframes rdMarkFloat728{0%,100%{transform:translateY(0) rotateY(-4deg)}50%{transform:translateY(-3px) rotateY(5deg)}}

/* homepage 01–03: one visual only, no micro-labels */
.metrics{gap:14px!important;margin-top:14px!important}
.metric{min-height:248px!important;padding:20px!important;display:flex!important;flex-direction:column!important}
.metric .num{font-size:50px!important;line-height:.9!important}
.metric-volume-v725{height:78px!important;margin:20px 0 16px!important}
.metric h4{margin-top:auto!important;font-size:18px!important;line-height:1.23!important}
.metric-title-v716 .metric-line{font-size:18px!important;line-height:1.22!important}
.metric-title-v716 .metric-line-sub{margin-top:4px!important;font-size:16px!important;color:#50647f!important}

/* rounded verification shield; single shield only */
.assurance-shield-v728{position:relative;width:78px;height:78px;margin:22px auto 14px;flex:0 0 auto}
.shield-body-v728{position:absolute;left:50%;top:4px;width:58px;height:60px;transform:translateX(-50%);border:2px solid #7084d8;border-radius:22px 22px 26px 26px;background:linear-gradient(145deg,#fff,#eef2fb);box-shadow:0 10px 20px rgba(68,84,148,.09)}
.shield-body-v728::after{content:"";position:absolute;left:12px;right:12px;bottom:-7px;height:18px;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#eef2fb,#e3e9f6);transform:skewY(-6deg);z-index:-1}
.shield-check-v728{position:absolute;left:50%;top:34px;width:24px;height:11px;transform:translateX(-50%) rotate(-45deg);border-left:4px solid #6d82dc;border-bottom:4px solid #6d82dc}

/* How We Work: clean 3-column rhythm; number + one 3D visual + title */
.work3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}
.work-card-v68{min-height:238px!important;padding:22px 24px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.work-card-v68 .num{font-size:46px!important;line-height:.9!important}
.work-visual-v728{height:90px!important;margin:20px 0 16px!important}
.work-card-v68 h3{margin-top:auto!important;font-size:20px!important;line-height:1.28!important;max-width:95%!important}

/* Partnership: remove stage micro-labels, one object per card */
.cards4{gap:16px!important}
.partnership-card-v68{min-height:238px!important;padding:20px!important;display:flex!important;flex-direction:column!important}
.partnership-card-v68 .num{font-size:44px!important}
.partnership-card-v68 .module-volume-v725{height:86px!important;margin:17px 0 14px!important}
.partnership-card-v68 h3{margin-top:auto!important;font-size:17px!important;line-height:1.3!important}

/* R&D 01–04 compact and coordinated */
.rd-v66-pipeline{gap:12px!important}
.rd-v66-stage{min-height:178px!important;padding:17px 18px!important;display:flex!important;flex-direction:column!important}
.rd-v66-stage .num{font-size:38px!important;line-height:.9!important}
.rd-stage-visual-v728{height:68px!important;margin:13px 0 10px!important}
.rd-v66-stage h3{margin-top:auto!important;font-size:15.5px!important;line-height:1.25!important}
.rd-page-pipeline-v66{gap:12px!important}
.rd-page-pipeline-v66 article{min-height:174px!important;padding:17px 18px!important;display:flex!important;flex-direction:column!important}
.rd-page-pipeline-v66 .num{font-size:38px!important}
.rd-page-pipeline-v66 h3{margin-top:auto!important;font-size:15.5px!important;line-height:1.25!important}

/* R&D asset cards: visual left, title right; no redundant tiny category text */
.rd-page-assets-v66{gap:14px!important}
.rd-page-asset-card-v725{min-height:132px!important;grid-template-columns:112px minmax(0,1fr)!important;gap:16px!important;padding:16px 18px!important;align-items:center!important}
.rd-page-asset-card-v725 .rd-asset-volume-v725{width:104px!important;height:90px!important;margin:0!important}
.rd-page-asset-card-v725 h3{font-size:17px!important;line-height:1.28!important;margin:0!important}

/* Commercial model: eliminate duplicated micro-headings */
.commercial-v67 .section-head{margin-bottom:28px!important}
.commercial-v67-layout{gap:22px!important}
.commercial-v67-business{padding-top:0!important}
.commercial-v67-abc article{min-height:238px!important}
.commercial-v67-copy h3{font-size:19px!important;line-height:1.25!important}
.commercial-v67-benefit-head h3{font-size:29px!important;margin-bottom:10px!important}
.commercial-v67-benefit-head p{font-size:14px!important;line-height:1.6!important}
.commercial-v67-note{display:block!important;margin-top:14px!important;font-size:10px!important;line-height:1.5!important;color:#8190a4!important}

/* Partner Products: exactly one six-benefit grid; no duplicate summary row */
.partner-benefit-grid-v728{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:10px}
.partner-benefit-card-v728{position:relative;min-height:154px;padding:20px;border:1px solid #dce5f0;border-radius:18px;background:linear-gradient(145deg,#fff,#f7f9fc);box-shadow:0 12px 24px rgba(46,65,94,.045);display:grid;grid-template-columns:38px 56px minmax(0,1fr);gap:14px;align-items:center}
.partner-benefit-card-v728 .num{font-size:18px!important;color:#7b8ee0!important}
.partner-benefit-card-v728 .benefit-icon-v728{width:54px!important;height:54px!important;border-radius:15px!important}
.partner-benefit-title-v728{margin:0!important;font-size:17px!important;line-height:1.25!important;color:#1d2e48!important}
.partner-benefit-secondary-v728{background:linear-gradient(145deg,#fbfcfe,#f5f7fa);opacity:.9}

/* generic bilingual stability */
[data-en][data-zh]{overflow-wrap:anywhere}
.nav a,.lang-btn,.btn{overflow-wrap:normal!important;word-break:keep-all!important}
.hero-title-v711,.system-platform-brand-v726{overflow-wrap:normal!important;word-break:keep-all!important}
html[lang="zh-CN"] .section-head h2{line-height:1.16!important}
html[lang="en"] .section-head h2{line-height:1.08!important}

/* 1366 / compact desktop */
@media (min-width:1200px) and (max-width:1499px){
  .hero-grid{gap:38px!important}
  .system-brand{grid-template-columns:minmax(0,1.45fr) minmax(175px,.55fr)!important;padding:22px!important;gap:18px!important}
  .system-core-v726{grid-template-columns:108px minmax(0,1fr)!important;gap:18px!important}
  .cpu-chip-v726{width:96px!important;height:96px!important}.cpu-package-v726{width:78px!important;height:78px!important}
  .system-platform-brand-v726{font-size:34px!important}.system-rd-only-v728{font-size:21px}.rd-mark3d-v728{width:74px;height:68px}
  .metric{min-height:230px!important;padding:18px!important}.metric h4,.metric-title-v716 .metric-line{font-size:16px!important}.metric-title-v716 .metric-line-sub{font-size:14px!important}
}

/* tablet / iPad */
@media (max-width:1199px){
  .section{padding-block:66px!important}
  .section-head{grid-template-columns:1fr!important;gap:12px!important;align-items:start!important}
  .system-brand{grid-template-columns:1fr!important;padding:22px!important}
  .system-rd-v728{justify-content:flex-start;padding:8px 0 2px 130px}
  .work3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  .work-card-v68{padding:18px!important;min-height:224px!important}
  .cards4{grid-template-columns:1fr 1fr!important}
  .partner-benefit-grid-v728{grid-template-columns:1fr 1fr}
  .rd-v66-stage,.rd-page-pipeline-v66 article{min-height:164px!important}
}

/* portrait tablet / large mobile */
@media (max-width:899px){
  .work3{grid-template-columns:1fr!important}
  .work-card-v68{min-height:180px!important;display:grid!important;grid-template-columns:58px 112px minmax(0,1fr)!important;gap:16px!important;align-items:center!important}
  .work-card-v68 .num{font-size:38px!important}.work-visual-v728{height:92px!important;margin:0!important}.work-card-v68 h3{margin:0!important;max-width:none!important}
  .rd-page-assets-v66{grid-template-columns:1fr!important}
  .commercial-v67-layout{grid-template-columns:1fr!important}
}

/* mobile */
@media (max-width:720px){
  .section{padding-block:52px!important}
  .section-head{margin-bottom:22px!important}
  .section-head>p{font-size:13.5px!important;line-height:1.65!important}
  .system-brand{padding:17px!important;gap:14px!important}
  .system-core-v726{grid-template-columns:82px minmax(0,1fr)!important;gap:13px!important}
  .cpu-chip-v726{width:74px!important;height:74px!important}.cpu-package-v726{width:62px!important;height:62px!important}
  .system-platform-brand-v726{font-size:27px!important}.system-platform-tagline-v726{font-size:11.5px!important;margin-top:8px!important}
  .system-rd-v728{padding:4px 0!important;justify-content:flex-start!important;gap:12px!important}.system-rd-only-v728{font-size:18px}.rd-mark3d-v728{width:62px;height:54px;transform:scale(.86)}
  .metrics{grid-template-columns:1fr!important}.metric{min-height:190px!important}.metric-volume-v725{height:68px!important}.metric h4,.metric-title-v716 .metric-line{font-size:18px!important}.metric-title-v716 .metric-line-sub{font-size:16px!important}
  .work-card-v68{grid-template-columns:48px 84px minmax(0,1fr)!important;min-height:152px!important;padding:16px!important;gap:12px!important}.work-card-v68 .num{font-size:34px!important}.work-visual-v728{height:72px!important}.work-card-v68 h3{font-size:17px!important}
  .cards4{grid-template-columns:1fr!important}.partnership-card-v68{min-height:194px!important}
  .rd-v66-pipeline,.rd-page-pipeline-v66{grid-template-columns:1fr 1fr!important;gap:10px!important}.rd-v66-stage,.rd-page-pipeline-v66 article{min-height:152px!important;padding:14px!important}.rd-v66-stage .num,.rd-page-pipeline-v66 .num{font-size:32px!important}.rd-stage-visual-v728{height:56px!important}.rd-v66-stage h3,.rd-page-pipeline-v66 h3{font-size:14px!important}
  .partner-benefit-grid-v728{grid-template-columns:1fr!important}.partner-benefit-card-v728{min-height:116px;grid-template-columns:30px 48px minmax(0,1fr);padding:15px;gap:11px}.partner-benefit-card-v728 .benefit-icon-v728{width:46px!important;height:46px!important}.partner-benefit-title-v728{font-size:16px!important}
}

@media (max-width:390px){
  .rd-v66-pipeline,.rd-page-pipeline-v66{grid-template-columns:1fr!important}
  .system-platform-brand-v726{font-size:25px!important}
  .work-card-v68{grid-template-columns:42px 72px minmax(0,1fr)!important;gap:10px!important}
}

@media(prefers-reduced-motion:reduce){.rd-mark3d-v728{animation:none!important}}
/* V7.28 final responsive equal-height refinements */
@media (min-width:900px) and (max-width:1199px){
  .rd-page-pipeline-v66 article{min-height:192px!important}
  .rd-page-pipeline-v66 h3{font-size:14.5px!important}
}
@media (max-width:720px){
  .metrics .metric{min-height:250px!important}
  .work-card-v68{min-height:182px!important}
  .partnership-card-v68{min-height:226px!important}
}


/* V7.29 Global Layout + Bilingual Optimization */
.section{padding:72px 0}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,520px);gap:36px;align-items:end;margin-bottom:30px}
.section-head h2{font-size:clamp(32px,3vw,46px);line-height:1.08;letter-spacing:-.035em}
.section-head p{font-size:15px;line-height:1.75;max-width:520px;color:#6d7d91}
html[lang="zh-CN"] .section-head p{font-size:15.5px;line-height:1.8}
.page-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.04}
.page-hero p{max-width:760px;font-size:16px;line-height:1.8}
html[lang="zh-CN"] .page-hero p{font-size:16.5px}

.num-unified-v729{display:block!important;position:relative!important;inset:auto!important;margin:0!important;color:#c5cfdb!important;font-size:42px!important;line-height:.9!important;letter-spacing:-2px!important;font-weight:760!important}
.featured .num-unified-v729,.rd-v66-stage-final .num-unified-v729{color:#7b78d9!important}

.system-main{padding-top:0!important}
.system-brand-v729{display:block!important;min-height:0!important;padding:26px 30px!important}
.system-brand-v729 .system-core-v726{grid-template-columns:124px minmax(0,1fr)!important;gap:28px!important;max-width:560px;margin:auto}
.system-platform-brand-v726{font-size:38px!important;white-space:nowrap!important}
.system-platform-tagline-v726{margin-top:12px!important;font-size:14px!important}
.system-rd-inline-v729{display:inline-flex;margin-top:10px;padding:5px 10px;border-radius:999px;background:#eef2f8;color:#50617a;font-size:11px;line-height:1.2;font-weight:740;letter-spacing:.2px}
html[lang="zh-CN"] .system-rd-inline-v729{font-size:12px}

.metrics{gap:12px!important;align-items:stretch!important}
.metric{min-height:244px!important;padding:18px 20px 20px!important;display:grid!important;grid-template-rows:42px 1fr auto!important;align-items:center!important;overflow:hidden!important}
.metric .num-system{font-size:42px!important;line-height:.9!important;color:#c5cfdb!important}
.metric h4{margin-top:8px!important;font-size:18px!important;line-height:1.25!important}
.metric-validation .metric-line{display:block;font-size:17px!important;line-height:1.22!important}
.metric-validation .metric-line-sub{margin-top:4px;color:#536982!important}
.metric-volume-v725{transform:scale(.86);transform-origin:center}

.assurance-shield-v729{position:relative;width:82px;height:76px;margin:auto;filter:drop-shadow(0 10px 18px rgba(78,96,160,.10))}
.assurance-shield-body-v729{position:absolute;inset:5px 12px 7px;border:2px solid #7185d8;border-radius:24px 24px 22px 22px;background:linear-gradient(145deg,#fff,#eef3fa)}
.assurance-shield-check-v729{position:absolute;left:50%;top:36px;width:23px;height:10px;transform:translate(-50%,-50%) rotate(-45deg);border-left:4px solid #7185d8;border-bottom:4px solid #7185d8}

.work3{gap:14px!important;align-items:stretch!important}
.work-card-v68{min-height:244px!important;padding:20px!important;display:grid!important;grid-template-rows:42px 1fr auto!important;align-items:center!important;overflow:hidden!important}
.work-card-v68 h3{margin:0!important;font-size:19px!important;line-height:1.28!important}
.work-object-v729{position:relative;width:88px;height:76px;margin:auto}
.work-object-v729 i,.work-object-v729 b{position:absolute;display:block}
.work-object-1-v729 i{left:12px;top:15px;width:64px;height:45px;border-radius:14px;background:linear-gradient(145deg,#dfe7f7,#9fb0e6);box-shadow:0 12px 20px rgba(89,103,166,.12)}
.work-object-1-v729 b{left:31px;top:28px;width:27px;height:17px;border-radius:6px;background:linear-gradient(145deg,#fff,#dfe7f7)}
.work-object-2-v729 i{left:10px;top:15px;width:54px;height:44px;border-radius:12px;background:linear-gradient(145deg,#dfe7f7,#a6b5e6);transform:rotate(-5deg)}
.work-object-2-v729 b{left:29px;top:20px;width:54px;height:44px;border-radius:12px;background:linear-gradient(145deg,#f7f9fd,#c4cfed);box-shadow:0 12px 20px rgba(89,103,166,.10);transform:rotate(4deg)}
.work-object-3-v729 i{left:13px;top:31px;width:62px;height:25px;border-radius:999px;background:linear-gradient(145deg,#dfe7f7,#9eafe4)}
.work-object-3-v729 b{left:33px;top:12px;width:24px;height:24px;border-radius:50%;background:linear-gradient(145deg,#f4f7fd,#9eafe4);box-shadow:0 10px 18px rgba(89,103,166,.12)}

.cards4{align-items:stretch!important;gap:12px!important}
.partnership-card-v68{min-height:250px!important;padding:20px!important;display:grid!important;grid-template-rows:42px 1fr auto!important;overflow:hidden!important}
.partnership-card-v68 h3{margin:0!important;font-size:17px!important;line-height:1.3!important}

.rd-v66-pipeline,.rd-page-pipeline-v66{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.rd-v66-stage,.rd-page-pipeline-v66 article{position:relative!important;min-width:0!important;min-height:190px!important;padding:18px!important;display:grid!important;grid-template-rows:42px 1fr auto!important;align-items:center!important;overflow:hidden!important}
.rd-v66-stage h3,.rd-page-pipeline-v66 article h3{margin:0!important;font-size:16px!important;line-height:1.28!important;min-height:40px}
.rd-stage-object-v729{position:relative;width:82px;height:70px;margin:auto}
.rd-stage-object-v729 i{position:absolute;display:block}
.rd-stage-need-v729 .rd-obj-a{left:6px;top:27px;width:70px;height:31px;border-radius:999px;background:linear-gradient(145deg,#dfe7f8,#a0b1e7)}
.rd-stage-need-v729 .rd-obj-b{left:29px;top:10px;width:27px;height:27px;border-radius:50%;background:linear-gradient(145deg,#eef2fb,#a5b5e7)}
.rd-stage-need-v729 .rd-obj-c{left:15px;top:22px;width:18px;height:18px;border-radius:50%;background:#c8d3f0}
.rd-stage-validate-v729 .rd-obj-a{left:10px;top:8px;width:62px;height:54px;border-radius:18px;background:linear-gradient(145deg,#f7f9fd,#c6d1ef);box-shadow:0 10px 18px rgba(85,101,164,.10)}
.rd-stage-validate-v729 .rd-obj-b{left:25px;top:24px;width:27px;height:13px;border-left:4px solid #7589d9;border-bottom:4px solid #7589d9;transform:rotate(-45deg)}
.rd-stage-validate-v729 .rd-obj-c{right:14px;top:14px;width:7px;height:7px;border-radius:50%;background:#8799df}
.rd-stage-build-v729 .rd-obj-a{left:8px;bottom:9px;width:25px;height:29px;border-radius:8px;background:linear-gradient(145deg,#d9e1f5,#9cafdf)}
.rd-stage-build-v729 .rd-obj-b{left:29px;bottom:9px;width:25px;height:43px;border-radius:8px;background:linear-gradient(145deg,#c8d3f0,#879bdf)}
.rd-stage-build-v729 .rd-obj-c{left:50px;bottom:9px;width:25px;height:56px;border-radius:8px;background:linear-gradient(145deg,#b4c2eb,#7088da)}
.rd-stage-ip-v729 .rd-obj-a{left:13px;top:10px;width:56px;height:51px;border-radius:16px;background:linear-gradient(145deg,#eeeaff,#aaa0e6);box-shadow:0 10px 18px rgba(92,78,159,.12)}
.rd-stage-ip-v729 .rd-obj-b{left:28px;top:25px;width:26px;height:21px;border-radius:7px;background:linear-gradient(145deg,#fff,#d9d3f3)}
.rd-stage-ip-v729 .rd-obj-c{left:37px;top:19px;width:8px;height:8px;border-radius:50%;background:#786ed3}

.rd-v66-assets,.rd-page-assets-v66{gap:12px!important}
.rd-asset-card-v725{min-height:138px!important;padding:18px!important}
.rd-asset-copy-v725 h3{font-size:16px!important;line-height:1.3!important}

.partner-benefit-grid-v728{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.partner-benefit-card-v728{min-height:128px!important;padding:18px!important;display:grid!important;grid-template-columns:44px 56px minmax(0,1fr)!important;gap:13px!important;align-items:center!important;overflow:hidden!important}
.partner-benefit-card-v728 .num-unified-v729{font-size:32px!important;letter-spacing:-1.5px!important}
.benefit-icon-v729{position:relative!important;inset:auto!important;margin:0!important;width:54px!important;height:54px!important;transform:scale(.82)!important;transform-origin:center!important}
.partner-benefit-title-v729{margin:0!important;min-width:0;font-size:17px!important;line-height:1.25!important}
.benefit-disclaimer-v729{margin:16px 0 0;color:#7a899a;font-size:12px;line-height:1.6}

.commercial-v67-copy h3{font-size:19px!important;line-height:1.25!important}
.commercial-v67-benefit-head p{font-size:14px!important}

@media(max-width:1199px){
 .section-head{grid-template-columns:1fr!important;gap:12px!important;align-items:start!important}
 .section-head p{max-width:720px}
 .rd-v66-pipeline,.rd-page-pipeline-v66{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .partner-benefit-grid-v728{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
 .section{padding:50px 0}.section-head{margin-bottom:22px}.section-head h2{font-size:30px}.section-head p{font-size:14px}html[lang="zh-CN"] .section-head p{font-size:14.5px}
 .system-brand-v729{padding:19px!important}.system-brand-v729 .system-core-v726{grid-template-columns:82px minmax(0,1fr)!important;gap:14px!important}
 .system-platform-brand-v726{font-size:28px!important}.system-platform-tagline-v726{font-size:12px!important;margin-top:8px!important}.system-rd-inline-v729{font-size:10px;margin-top:7px;padding:4px 8px}html[lang="zh-CN"] .system-rd-inline-v729{font-size:11px}
 .metrics{grid-template-columns:1fr!important}.metric{min-height:188px!important;grid-template-rows:36px 1fr auto!important;padding:16px!important}.metric .num-system{font-size:36px!important}.metric h4{font-size:17px!important}.metric-validation .metric-line{font-size:16px!important}
 .work3{grid-template-columns:1fr!important}.work-card-v68{min-height:188px!important;grid-template-rows:36px 1fr auto!important;padding:16px!important}.num-unified-v729{font-size:34px!important}.work-card-v68 h3{font-size:17px!important}
 .cards4{grid-template-columns:1fr!important}.partnership-card-v68{min-height:190px!important;grid-template-rows:36px 1fr auto!important;padding:16px!important}
 .rd-v66-pipeline,.rd-page-pipeline-v66{grid-template-columns:1fr!important}
 .rd-v66-stage,.rd-page-pipeline-v66 article{min-height:162px!important;grid-template-columns:42px 82px minmax(0,1fr)!important;grid-template-rows:1fr!important;gap:12px!important;padding:15px!important}
 .rd-v66-stage h3,.rd-page-pipeline-v66 article h3{min-height:0;font-size:15px!important}
 .partner-benefit-grid-v728{grid-template-columns:1fr!important}.partner-benefit-card-v728{min-height:104px!important;grid-template-columns:38px 50px minmax(0,1fr)!important;padding:14px!important}
 .partner-benefit-card-v728 .num-unified-v729{font-size:28px!important}.benefit-icon-v729{width:48px!important;height:48px!important}.partner-benefit-title-v729{font-size:16px!important}
}
@media(max-height:820px) and (min-width:900px){.section{padding:58px 0}.metric,.work-card-v68,.partnership-card-v68{min-height:220px!important}}


/* =========================================================
   V7.30 CENTERED + UNIFIED BILINGUAL SYSTEM
   ========================================================= */
:root{
  --v730-ink:#16243a;
  --v730-muted:#6f8095;
  --v730-blue:#6078d8;
  --v730-soft:#f7f9fc;
  --v730-border:#e2e8f0;
}

/* Remove hero micro labels decisively */
.hero-copy > .eyebrow,
.hero-copy > .hero-eyebrow,
.hero-copy > .hero-kicker{display:none!important}

/* Global bilingual type rhythm */
html[lang="en"] body{letter-spacing:0}
html[lang="zh-CN"] body{letter-spacing:0}
.section-head{text-align:center!important;grid-template-columns:1fr!important;justify-items:center!important;gap:12px!important}
.section-head h2{max-width:900px;margin-inline:auto!important}
.section-head p{max-width:760px!important;margin-inline:auto!important;text-align:center!important}
.page-hero{text-align:center!important}
.page-hero p{margin-inline:auto!important}
.page-hero .actions,.hero-actions{justify-content:center!important}

/* Global centering for cards, text, icons and figures */
.content-centered-v730{
  text-align:center!important;
  justify-items:center!important;
  align-items:center!important;
}
.content-centered-v730 h2,
.content-centered-v730 h3,
.content-centered-v730 h4,
.content-centered-v730 p,
.content-centered-v730 small{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.content-centered-v730 svg,
.content-centered-v730 .metric-volume-v725,
.content-centered-v730 .rd-stage-object-v729,
.content-centered-v730 .work-object-v729,
.content-centered-v730 [class*="visual"],
.content-centered-v730 [class*="scene"],
.content-centered-v730 [class*="icon"]{
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Unified number system */
.num-unified-v730{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  margin:0 auto!important;
  color:#c4ceda!important;
  font-size:40px!important;
  line-height:.92!important;
  letter-spacing:-1.8px!important;
  font-weight:760!important;
  text-align:center!important;
}
.featured .num-unified-v730,
.rd-v66-stage-final .num-unified-v730{color:#7779da!important}

/* Homepage system */
.system-brand-v730{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:30px 34px!important;
  min-height:210px!important;
}
.system-core-v730{
  display:grid!important;
  grid-template-columns:138px minmax(300px,420px)!important;
  align-items:center!important;
  gap:34px!important;
  max-width:640px!important;
  margin:auto!important;
}
.system-core-v730 .cpu-chip-v726{
  width:126px!important;
  height:126px!important;
}
.system-core-v730 .cpu-package-v726{
  width:102px!important;
  height:102px!important;
}
.system-platform-copy-v726{
  text-align:left!important;
  justify-self:start!important;
}
.core-platform-label-v726{
  font-size:12px!important;
  margin-bottom:10px!important;
}
html[lang="zh-CN"] .core-platform-label-v726{font-size:13px!important}
.system-platform-brand-v726{
  font-size:44px!important;
  line-height:.98!important;
  font-weight:850!important;
  letter-spacing:-1.8px!important;
  white-space:nowrap!important;
}
.system-platform-tagline-v726,
.system-rd-inline-v730{
  display:block!important;
  margin-top:12px!important;
  color:#53647b!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:700!important;
  letter-spacing:.1px!important;
}
html[lang="zh-CN"] .system-platform-tagline-v726,
html[lang="zh-CN"] .system-rd-inline-v730{
  font-size:15px!important;
  font-weight:760!important;
}

/* Homepage core cards centered */
.metrics,.work3,.cards4,.rd-v66-pipeline{align-items:stretch!important}
.metric,.work-card-v68,.partnership-card-v68,.rd-v66-stage{
  text-align:center!important;
  justify-items:center!important;
}
.metric{
  grid-template-rows:42px 1fr auto!important;
}
.metric h4{width:100%;text-align:center!important}
.metric-validation .metric-title-v716{text-align:center!important}
.assurance-shield-v729{margin-left:auto!important;margin-right:auto!important}

/* Commercial model + user benefits rebalanced */
.commercial-layout-v730{
  display:grid!important;
  grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}
.commercial-v67-business,
.commercial-v67-benefits{
  min-width:0!important;
  height:100%!important;
}
.commercial-v67-business-head,
.commercial-v67-benefit-head{
  text-align:center!important;
}
.commercial-v67-abc{
  align-items:stretch!important;
}
.commercial-card-v730{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.commercial-card-v730 [class*="icon"],
.commercial-card-v730 svg{
  margin-inline:auto!important;
}
.commercial-v67-benefit-grid{
  align-content:center!important;
}
.commercial-v67-benefit-card{
  justify-items:center!important;
  text-align:center!important;
}

/* Business partnership: exactly same center rhythm as homepage */
.partnership-unified-v730{
  min-height:246px!important;
  display:grid!important;
  grid-template-rows:42px 1fr auto!important;
  justify-items:center!important;
  align-items:center!important;
  text-align:center!important;
  padding:20px!important;
}
.partner-object-v730{
  position:relative;
  width:88px;height:72px;
  margin:auto;
}
.partner-object-v730 i,
.partner-object-v730 b{
  position:absolute;display:block;
}
.partner-object-1-v730 i{
  left:12px;top:20px;width:60px;height:40px;border-radius:13px;
  background:linear-gradient(145deg,#e0e7f7,#9faee2);
  box-shadow:0 12px 18px rgba(75,91,151,.11)
}
.partner-object-1-v730 b{
  left:50px;top:9px;width:23px;height:23px;border-radius:8px;
  background:linear-gradient(145deg,#f7f9fd,#c6d1ed)
}
.partner-object-2-v730 i{
  left:8px;top:18px;width:30px;height:44px;border-radius:10px;background:#cbd6ef
}
.partner-object-2-v730 b{
  left:43px;top:9px;width:36px;height:53px;border-radius:10px;background:linear-gradient(145deg,#aebee8,#7389da)
}
.partner-object-3-v730 i{
  left:9px;bottom:10px;width:67px;height:22px;border-radius:8px;background:linear-gradient(145deg,#dbe3f6,#9cadde)
}
.partner-object-3-v730 b{
  left:44px;top:8px;width:26px;height:43px;border-radius:9px;background:linear-gradient(145deg,#c6d0ef,#7f91dc)
}
.partner-object-4-v730 i{
  left:10px;top:17px;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#e7e4fa,#ada5e7)
}
.partner-object-4-v730 b{
  left:40px;top:17px;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#d8def5,#8b9cde)
}

/* R&D and benefits 01-06 centered */
.rd-page-pipeline-v66 article,
.partner-benefit-card-v728{
  text-align:center!important;
  justify-items:center!important;
}
.partner-benefit-card-v728{
  grid-template-columns:1fr!important;
  grid-template-rows:34px 54px auto!important;
  gap:10px!important;
  min-height:154px!important;
}
.benefit-icon-v729{margin:auto!important}
.partner-benefit-title-v729{text-align:center!important}
.benefit-disclaimer-v729{text-align:center!important;max-width:760px;margin:18px auto 0!important}

/* Footer center alignment */
.footer-v730,
.footer-v730 .footer-inner,
.footer-v730 .footer-brand,
.footer-v730 .footer-links,
.footer-v730 .footer-meta,
.footer-v730 p{
  text-align:center!important;
}
.footer-v730 .footer-inner{
  justify-items:center!important;
  justify-content:center!important;
}
.footer-v730 .footer-links{
  justify-content:center!important;
}
.footer-v730 p{
  font-size:12.5px!important;
  line-height:1.65!important;
  max-width:820px;
  margin-inline:auto!important;
}

/* Desktop balance */
@media(min-width:1200px){
  .metric,.work-card-v68,.partnership-card-v68{min-height:238px!important}
  .rd-v66-stage,.rd-page-pipeline-v66 article{min-height:184px!important}
}

/* Tablet */
@media(max-width:1199px){
  .system-core-v730{
    grid-template-columns:118px minmax(260px,390px)!important;
    gap:26px!important;
  }
  .system-platform-brand-v726{font-size:40px!important}
  .commercial-layout-v730{grid-template-columns:1fr!important}
}

/* Mobile */
@media(max-width:720px){
  .system-brand-v730{padding:20px 18px!important}
  .system-core-v730{
    grid-template-columns:86px minmax(0,1fr)!important;
    gap:15px!important;
    max-width:100%!important;
  }
  .system-core-v730 .cpu-chip-v726{width:80px!important;height:80px!important}
  .system-core-v730 .cpu-package-v726{width:68px!important;height:68px!important}
  .system-platform-brand-v726{font-size:30px!important;letter-spacing:-1px!important}
  .core-platform-label-v726{font-size:9px!important;margin-bottom:6px!important}
  html[lang="zh-CN"] .core-platform-label-v726{font-size:10px!important}
  .system-platform-tagline-v726,
  .system-rd-inline-v730{
    font-size:11px!important;
    margin-top:7px!important;
  }
  html[lang="zh-CN"] .system-platform-tagline-v726,
  html[lang="zh-CN"] .system-rd-inline-v730{font-size:12px!important}

  .num-unified-v730{font-size:32px!important}
  .partner-benefit-card-v728{
    min-height:132px!important;
    grid-template-rows:30px 48px auto!important;
  }
  .footer-v730 p{font-size:12px!important}
}

/* Extra narrow phones */
@media(max-width:390px){
  .system-platform-brand-v726{font-size:27px!important}
  .system-core-v730{grid-template-columns:78px minmax(0,1fr)!important;gap:12px!important}
}

/* Motion safety */
@media(prefers-reduced-motion:reduce){
  .cpu-package-v726{animation:none!important}
}

\n/* =========================================================\n   V7.31 Commercial + Bilingual Deep QA\n   ========================================================= */\n\n/* Hero: remove the duplicate technology research microcopy */\n.hero > .container.hero-grid > div:first-child > .eyebrow{display:none!important}\n\n/* Global safer bilingual typography */\nhtml[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3,html[lang="en"] h4,\nhtml[lang="en"] strong,html[lang="en"] .nav a{\n  overflow-wrap:normal;word-break:normal;hyphens:auto;\n}\nhtml[lang="zh-CN"] h1,html[lang="zh-CN"] h2,html[lang="zh-CN"] h3,html[lang="zh-CN"] h4{\n  word-break:keep-all;overflow-wrap:break-word;\n}\n.card-center-v731{text-align:center!important;justify-items:center!important;align-items:center!important}\n.card-center-v731 h2,.card-center-v731 h3,.card-center-v731 h4,.card-center-v731 p,.card-center-v731 strong{\n  text-align:center!important;margin-left:auto!important;margin-right:auto!important;max-width:100%;\n}\n.card-center-v731 [class*="icon"],.card-center-v731 [class*="object"],.card-center-v731 [class*="volume"],.card-center-v731 svg{\n  margin-left:auto!important;margin-right:auto!important;\n}\n\n/* Homepage chip + ILovestudy group: stronger, calmer, better aligned */\n.system-brand-v731{\n  display:flex!important;align-items:center!important;justify-content:center!important;\n  min-height:218px!important;padding:30px 34px!important;\n}\n.system-core-v731{\n  display:grid!important;grid-template-columns:142px minmax(330px,450px)!important;\n  gap:38px!important;align-items:center!important;max-width:680px!important;margin:auto!important;\n}\n.system-core-v731 .cpu-chip-v726{width:132px!important;height:132px!important}\n.system-core-v731 .cpu-package-v726{width:106px!important;height:106px!important}\n.system-core-v731 .system-platform-copy-v726{text-align:left!important;justify-self:start!important}\n.system-core-v731 .system-platform-brand-v726{\n  font-size:48px!important;line-height:.96!important;font-weight:860!important;letter-spacing:-2px!important;white-space:nowrap!important;\n}\n.system-core-v731 .system-platform-tagline-v726,\n.system-rd-inline-v731{\n  display:block!important;margin-top:12px!important;color:#53647b!important;\n  font-size:15px!important;line-height:1.25!important;font-weight:760!important;letter-spacing:.08px!important;\n}\nhtml[lang="zh-CN"] .system-core-v731 .system-platform-tagline-v726,\nhtml[lang="zh-CN"] .system-rd-inline-v731{font-size:15.5px!important;font-weight:780!important}\n.system-rd-inline-v731{cursor:default!important;text-decoration:none!important}\n\n/* Commercial Model & User Value: balanced 3 cards vs 6 benefits */\n.commercial-layout-v731{\n  display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)!important;\n  gap:18px!important;align-items:stretch!important;\n}\n.commercial-business-v731,.commercial-benefits-v731{\n  min-width:0!important;height:100%!important;border-radius:24px!important;\n}\n.commercial-business-v731{display:flex!important;align-items:stretch!important}\n.commercial-abc-v731{\n  width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;\n  gap:0!important;align-items:stretch!important;overflow:hidden!important;\n}\n.commercial-model-card-v731{\n  position:relative;min-width:0;min-height:360px;padding:26px 18px 24px;\n  display:grid;grid-template-rows:52px 1fr auto;justify-items:center;align-items:center;text-align:center;\n  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);\n}\n.commercial-model-card-v731 + .commercial-model-card-v731{border-left:1px solid #e4e9f1}\n.commercial-index-v731{\n  display:block;color:#c3cddb;font-size:46px;line-height:.92;font-weight:790;letter-spacing:-2px;text-align:center;\n}\n.commercial-model-card-v731:nth-child(3) .commercial-index-v731{color:#7779da}\n.commercial-object-v731{position:relative;width:100px;height:92px;margin:auto}\n.commercial-object-v731 i,.commercial-object-v731 b,.commercial-object-v731 em{position:absolute;display:block}\n.commercial-object-partner-v731 i{left:15px;top:21px;width:68px;height:50px;border-radius:15px;background:linear-gradient(145deg,#dfe7f7,#9eadde);box-shadow:0 12px 20px rgba(73,91,150,.11)}\n.commercial-object-partner-v731 b{left:26px;top:32px;width:27px;height:20px;border-radius:7px;background:linear-gradient(145deg,#fff,#d9e3f5)}\n.commercial-object-partner-v731 em{right:10px;top:12px;width:25px;height:25px;border-radius:9px;background:linear-gradient(145deg,#f1effc,#b7ace8)}\n.commercial-object-content-v731 i{left:11px;top:26px;width:60px;height:44px;border-radius:13px;background:linear-gradient(145deg,#e3e9f7,#9fb0e1);transform:rotate(-5deg)}\n.commercial-object-content-v731 b{left:30px;top:18px;width:60px;height:44px;border-radius:13px;background:linear-gradient(145deg,#f9fbfe,#c7d2ee);box-shadow:0 12px 20px rgba(73,91,150,.09);transform:rotate(4deg)}\n.commercial-object-content-v731 em{left:46px;top:32px;width:16px;height:16px;border-radius:50%;background:#8094dc}\n.commercial-object-product-v731 i{left:14px;top:19px;width:70px;height:54px;border-radius:17px;background:linear-gradient(145deg,#e7e5fa,#aaa2e6);box-shadow:0 12px 20px rgba(91,78,156,.11)}\n.commercial-object-product-v731 b{left:29px;top:32px;width:40px;height:28px;border-radius:10px;background:linear-gradient(145deg,#fff,#d9d4f3)}\n.commercial-object-product-v731 em{left:44px;top:24px;width:10px;height:10px;border-radius:50%;background:#746bd2}\n.commercial-model-card-v731 h3{\n  margin:0!important;max-width:210px;color:#17263d;font-size:20px!important;line-height:1.25!important;font-weight:800!important;\n  text-align:center!important;overflow-wrap:break-word;\n}\nhtml[lang="en"] .commercial-model-card-v731 h3{font-size:18px!important;line-height:1.3!important}\n\n.commercial-benefits-v731{\n  display:flex!important;flex-direction:column!important;padding:26px!important;\n  background:linear-gradient(145deg,#fbfdff,#f1f4fc)!important;\n}\n.commercial-benefits-v731 .commercial-v67-benefit-head{text-align:center!important;margin-bottom:18px!important}\n.commercial-benefits-v731 .commercial-v67-benefit-head h3{font-size:28px!important;line-height:1.05!important;margin:0!important}\n.commercial-benefits-v731 .commercial-v67-benefit-head p{margin:10px auto 0!important;max-width:520px;font-size:14px!important;line-height:1.6!important;text-align:center!important}\n.commercial-benefit-grid-v731{\n  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-content:center!important;\n}\n.commercial-benefit-item-v731{\n  min-width:0!important;min-height:88px!important;padding:13px 12px!important;\n  display:grid!important;grid-template-columns:28px 38px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;\n  border-radius:16px!important;text-align:left!important;background:rgba(255,255,255,.78)!important;\n}\n.commercial-benefit-item-v731 strong{\n  margin:0!important;min-width:0!important;text-align:left!important;font-size:13px!important;line-height:1.28!important;overflow-wrap:break-word;\n}\nhtml[lang="en"] .commercial-benefit-item-v731 strong{font-size:12.5px!important}\n.commercial-benefit-item-v731 [class*="benefit-icon"]{transform:scale(.78)!important;transform-origin:center!important;margin:auto!important}\n.commercial-benefit-num-v731{\n  position:relative!important;inset:auto!important;margin:0!important;color:#7a82db!important;font-size:20px!important;line-height:1!important;font-weight:780!important;\n}\n.commercial-note-v731{display:block;margin-top:14px!important;text-align:center!important;font-size:11px!important;line-height:1.55!important;color:#8190a3!important}\n\n/* Center and stabilize common homepage modules */\n.metric,.work-card-v68,.partnership-card-v68,.rd-v66-stage{overflow:hidden!important}\n.metric h4,.work-card-v68 h3,.partnership-card-v68 h3,.rd-v66-stage h3{max-width:100%!important;text-align:center!important}\n.metric [class*="volume"],.metric [class*="shield"],.work-card-v68 [class*="object"],.partnership-card-v68 [class*="object"],.rd-v66-stage [class*="object"]{margin-inline:auto!important}\n\n/* Footer consistency */\n.footer-v730 .footer-inner{max-width:1040px!important;margin-inline:auto!important}\n.footer-v730 p{font-size:12.5px!important;line-height:1.65!important}\n\n/* English-specific guards */\nhtml[lang="en"] .hero-title-v711{font-size:clamp(44px,4.7vw,78px)!important}\nhtml[lang="en"] .hero-strategy-v713{font-size:15px!important;line-height:1.72!important}\nhtml[lang="en"] .metric h4{font-size:16px!important;line-height:1.28!important}\nhtml[lang="en"] .metric-validation .metric-line{font-size:15px!important}\nhtml[lang="en"] .partnership-card-v68 h3{font-size:15.5px!important;line-height:1.3!important}\nhtml[lang="en"] .rd-v66-stage h3,html[lang="en"] .rd-page-pipeline-v66 article h3{font-size:14.5px!important;line-height:1.3!important}\n\n@media(max-width:1399px){\n  .commercial-layout-v731{grid-template-columns:1fr!important}\n  .commercial-model-card-v731{min-height:300px}\n  .commercial-benefits-v731{padding:22px!important}\n  html[lang="en"] .commercial-model-card-v731 h3{font-size:17px!important}\n}\n@media(max-width:1199px){\n  .system-core-v731{grid-template-columns:124px minmax(300px,420px)!important;gap:30px!important}\n  .system-core-v731 .system-platform-brand-v726{font-size:44px!important}\n  .commercial-model-card-v731{min-height:270px}\n}\n@media(max-width:899px){\n  .commercial-abc-v731{grid-template-columns:1fr!important}\n  .commercial-model-card-v731{min-height:190px;grid-template-columns:54px 100px minmax(0,1fr);grid-template-rows:1fr;gap:16px;padding:18px 20px}\n  .commercial-model-card-v731 + .commercial-model-card-v731{border-left:0;border-top:1px solid #e4e9f1}\n  .commercial-index-v731{font-size:38px}\n  .commercial-model-card-v731 h3{max-width:none;text-align:left!important;margin:0!important}\n}\n@media(max-width:720px){\n  .system-brand-v731{padding:20px 16px!important;min-height:0!important}\n  .system-core-v731{grid-template-columns:82px minmax(0,1fr)!important;gap:14px!important;max-width:100%!important}\n  .system-core-v731 .cpu-chip-v726{width:78px!important;height:78px!important}\n  .system-core-v731 .cpu-package-v726{width:66px!important;height:66px!important}\n  .system-core-v731 .system-platform-brand-v726{font-size:30px!important;letter-spacing:-1px!important}\n  .system-core-v731 .system-platform-tagline-v726,.system-rd-inline-v731{font-size:11px!important;margin-top:7px!important}\n  html[lang="zh-CN"] .system-core-v731 .system-platform-tagline-v726,html[lang="zh-CN"] .system-rd-inline-v731{font-size:12px!important}\n  .commercial-model-card-v731{grid-template-columns:44px 82px minmax(0,1fr);gap:12px;padding:15px}\n  .commercial-object-v731{width:80px;height:72px;transform:scale(.82);transform-origin:center}\n  .commercial-model-card-v731 h3,html[lang="en"] .commercial-model-card-v731 h3{font-size:16px!important}\n  .commercial-benefit-grid-v731{grid-template-columns:1fr!important}\n  .commercial-benefit-item-v731{min-height:76px!important}\n  html[lang="en"] .hero-title-v711{font-size:42px!important}\n}\n@media(max-width:390px){\n  .system-core-v731 .system-platform-brand-v726{font-size:27px!important}\n  .commercial-model-card-v731{grid-template-columns:40px 70px minmax(0,1fr);gap:9px}\n  .commercial-model-card-v731 h3,html[lang="en"] .commercial-model-card-v731 h3{font-size:15px!important}\n}\n

/* =========================================================
   V7.33 VISUAL SYSTEM UNIFICATION
   One number system, centered bilingual hierarchy, commercial balance
   ========================================================= */

:root{
  --v732-ink:#17263c;
  --v732-muted:#728196;
  --v732-blue:#647bdd;
  --v732-purple:#766fd8;
  --v732-card:#fff;
  --v732-soft:#f7f9fc;
  --v732-border:#e0e7f0;
}

/* ---------- All numeric markers: 1,2,3... no leading zero ---------- */
.num-unified-v732{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  margin:0 auto!important;
  color:#c7d0db!important;
  font-size:44px!important;
  line-height:.9!important;
  font-weight:780!important;
  letter-spacing:-1.8px!important;
  text-align:center!important;
}
.featured .num-unified-v732,
.rd-v66-stage-final .num-unified-v732{
  color:#7876d9!important;
}

/* Override older 01-06 systems */
.num-unified-v729,
.num-unified-v730,
.commercial-benefit-num-v731{
  text-align:center!important;
}

/* ---------- English / Chinese section-directory alignment ---------- */
.section-head,
.page-section-head,
.directory-head-v718,
.page-directory-head-v718{
  text-align:center!important;
  justify-items:center!important;
}
.section-head h2,
.page-section-head h2,
.directory-head-v718 h2,
.page-directory-head-v718 h2{
  margin-left:auto!important;
  margin-right:auto!important;
  max-width:940px!important;
  text-align:center!important;
}
.section-head p,
.page-section-head p,
.directory-head-v718 p,
.page-directory-head-v718 p{
  margin-left:auto!important;
  margin-right:auto!important;
  max-width:760px!important;
  text-align:center!important;
}
html[lang="en"] .section-head h2,
html[lang="en"] .page-section-head h2{
  font-size:clamp(31px,2.7vw,44px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}
html[lang="zh-CN"] .section-head h2,
html[lang="zh-CN"] .page-section-head h2{
  font-size:clamp(34px,3vw,48px)!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
}

/* ---------- Commercial Model & User Benefits main section ---------- */
.commercial-v67-layout,
.commercial-layout-v731{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}
.commercial-v67-business,
.commercial-v67-benefits{
  min-width:0!important;
  height:100%!important;
}

.commercial-model-head-v732{
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  margin-bottom:12px;
}
.commercial-model-head-v732 h3{
  margin:0!important;
  color:var(--v732-ink)!important;
  font-size:24px!important;
  line-height:1.1!important;
  font-weight:820!important;
}
html[lang="en"] .commercial-model-head-v732 h3{
  font-size:22px!important;
}

/* A/B/C use same visual hierarchy as 1/2/3/4 */
.commercial-v67-abc,
.commercial-abc-v731{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  overflow:hidden!important;
  border:1px solid var(--v732-border)!important;
  border-radius:22px!important;
  background:#fff!important;
}
.commercial-model-card-v732{
  min-width:0;
  min-height:300px!important;
  padding:24px 18px!important;
  display:grid!important;
  grid-template-rows:48px 1fr auto!important;
  justify-items:center!important;
  align-items:center!important;
  text-align:center!important;
  border-right:1px solid var(--v732-border)!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)!important;
  position:relative;
  overflow:hidden;
}
.commercial-model-card-v732:last-child{border-right:0!important}
.commercial-letter-v732{
  display:block;
  margin:0 auto!important;
  color:#c7d0db!important;
  font-size:44px!important;
  line-height:.9!important;
  font-weight:780!important;
  letter-spacing:-1.6px!important;
  text-align:center!important;
}
.commercial-model-card-v732:nth-child(3) .commercial-letter-v732{
  color:#7a77d9!important;
}
.commercial-model-card-v732 h3{
  max-width:220px;
  margin:0 auto!important;
  color:var(--v732-ink)!important;
  font-size:18px!important;
  line-height:1.28!important;
  font-weight:780!important;
  text-align:center!important;
}
html[lang="en"] .commercial-model-card-v732 h3{
  font-size:16px!important;
  line-height:1.3!important;
}

/* Commercial icons */
.commercial-icon-v732{
  position:relative;
  width:90px;height:82px;
  margin:auto;
}
.commercial-icon-v732 i,
.commercial-icon-v732 b,
.commercial-icon-v732 em{
  position:absolute;
  display:block;
}
.commercial-icon-partner-v732 i{
  left:10px;top:19px;width:34px;height:34px;border-radius:13px;
  background:linear-gradient(145deg,#e7ecf9,#a9b7e5);
}
.commercial-icon-partner-v732 b{
  right:10px;top:19px;width:34px;height:34px;border-radius:13px;
  background:linear-gradient(145deg,#dddff5,#8fa0de);
}
.commercial-icon-partner-v732 em{
  left:35px;top:31px;width:20px;height:10px;border-radius:999px;
  background:linear-gradient(90deg,#aab7e5,#8d9dde);
}
.commercial-icon-content-v732 i{
  left:16px;top:12px;width:58px;height:48px;border-radius:14px;
  background:linear-gradient(145deg,#eef2fb,#bdc9eb);
  transform:rotate(-5deg);
}
.commercial-icon-content-v732 b{
  left:24px;top:21px;width:58px;height:48px;border-radius:14px;
  background:linear-gradient(145deg,#fff,#d8e0f3);
  box-shadow:0 12px 20px rgba(75,91,151,.10);
  transform:rotate(4deg);
}
.commercial-icon-content-v732 em{
  left:42px;top:36px;width:24px;height:6px;border-radius:999px;
  background:#8193dc;
}
.commercial-icon-product-v732 i{
  left:16px;top:18px;width:58px;height:50px;border-radius:15px;
  background:linear-gradient(145deg,#e9e6fb,#afa7e8);
  box-shadow:0 12px 20px rgba(100,88,161,.10);
}
.commercial-icon-product-v732 b{
  left:29px;top:29px;width:32px;height:26px;border-radius:8px;
  background:linear-gradient(145deg,#fff,#d9d5f2);
}
.commercial-icon-product-v732 em{
  left:39px;top:25px;width:11px;height:11px;border-radius:50%;
  background:#7b73d7;
}

/* ---------- User benefits: same 1 -> icon -> text visual system ---------- */
.commercial-benefit-grid-v731,
.commercial-v67-benefit-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.commercial-benefit-card-v732{
  min-height:138px!important;
  padding:15px 12px!important;
  display:grid!important;
  grid-template-rows:36px 52px auto!important;
  justify-items:center!important;
  align-items:center!important;
  text-align:center!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
.commercial-benefit-card-v732 .num-unified-v732{
  font-size:32px!important;
}
.benefit-icon-v732{
  position:relative!important;
  inset:auto!important;
  margin:auto!important;
  width:48px!important;
  height:48px!important;
  transform:scale(.82)!important;
  transform-origin:center!important;
}
.commercial-benefit-title-v732{
  margin:0!important;
  text-align:center!important;
  font-size:15px!important;
  line-height:1.22!important;
}
html[lang="en"] .commercial-benefit-title-v732{
  font-size:13px!important;
  line-height:1.25!important;
}

/* ---------- Partner Products 1-6 use partnership-card rhythm ---------- */
.partner-benefit-grid-v728{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.partner-benefit-card-v732{
  min-height:205px!important;
  padding:18px!important;
  display:grid!important;
  grid-template-rows:42px 1fr auto!important;
  justify-items:center!important;
  align-items:center!important;
  text-align:center!important;
  overflow:hidden!important;
}
.partner-benefit-card-v732 .num-unified-v732{
  font-size:40px!important;
}
.partner-benefit-card-v732 .benefit-icon-v732{
  width:64px!important;
  height:64px!important;
  transform:scale(1)!important;
}
.partner-benefit-title-v732{
  margin:0!important;
  max-width:210px;
  text-align:center!important;
  font-size:17px!important;
  line-height:1.25!important;
}
html[lang="en"] .partner-benefit-title-v732{
  font-size:15px!important;
  line-height:1.28!important;
}

/* ---------- Home / Business Partnership cards share same number look ---------- */
.cards4 .num,
.work3 .num,
.rd-v66-pipeline .num,
.rd-page-pipeline-v66 .num,
.metrics .num{
  color:#c7d0db!important;
}
.cards4 .featured .num,
.rd-v66-stage-final .num{
  color:#7a77d9!important;
}

/* ---------- Footer / card centering refinement ---------- */
.footer-v730,
.footer-v730 *{
  text-align:center;
}
.footer-v730 .footer-links{justify-content:center!important}

/* ---------- Responsive ---------- */
@media(max-width:1199px){
  .commercial-v67-layout,
  .commercial-layout-v731{
    grid-template-columns:1fr!important;
  }
  .commercial-model-card-v732{min-height:260px!important}
  .partner-benefit-grid-v728{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .commercial-v67-abc,
  .commercial-abc-v731{
    grid-template-columns:1fr!important;
  }
  .commercial-model-card-v732{
    min-height:160px!important;
    grid-template-columns:42px 86px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    gap:12px!important;
    border-right:0!important;
    border-bottom:1px solid var(--v732-border)!important;
  }
  .commercial-model-card-v732:last-child{border-bottom:0!important}
  .commercial-letter-v732{font-size:34px!important}
  .commercial-icon-v732{width:78px;height:68px}
  .commercial-model-card-v732 h3{
    max-width:none!important;
    text-align:left!important;
    margin:0!important;
    font-size:16px!important;
  }
  html[lang="en"] .commercial-model-card-v732 h3{font-size:14px!important}

  .commercial-benefit-grid-v731,
  .commercial-v67-benefit-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .commercial-benefit-card-v732{min-height:124px!important}
  .partner-benefit-grid-v728{grid-template-columns:1fr!important}
  .partner-benefit-card-v732{
    min-height:145px!important;
    grid-template-columns:42px 70px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    gap:12px!important;
    text-align:left!important;
  }
  .partner-benefit-card-v732 .num-unified-v732{font-size:34px!important}
  .partner-benefit-title-v732{
    max-width:none!important;
    text-align:left!important;
    font-size:16px!important;
  }
}
@media(max-width:390px){
  .commercial-benefit-grid-v731,
  .commercial-v67-benefit-grid{
    grid-template-columns:1fr!important;
  }
}

/* ---------- Mid-width English protection ---------- */
@media(min-width:900px) and (max-width:1400px){
  html[lang="en"] .commercial-model-card-v732 h3{font-size:14.5px!important}
  html[lang="en"] .commercial-benefit-title-v732{font-size:12.5px!important}
  html[lang="en"] .partner-benefit-title-v732{font-size:14px!important}
}


/* =====================================================
   V7.33 Layout Refinement
   - hover interaction
   - commercial balance
   - English typography correction
   - homepage R&D hierarchy refinement
   ===================================================== */

/* Unified hover for letters/numbers/cards */
.commercial-letter-v732,
.num-unified-v732,
.commercial-model-card-v732,
.commercial-benefit-card-v732,
.partner-benefit-card-v732 {
    transition: transform .25s ease, color .25s ease, box-shadow .25s ease;
}

.commercial-model-card-v732:hover,
.commercial-benefit-card-v732:hover,
.partner-benefit-card-v732:hover {
    transform: translateY(-4px);
    box-shadow:0 16px 35px rgba(30,45,80,.08);
}

.commercial-model-card-v732:hover .commercial-letter-v732,
.commercial-benefit-card-v732:hover .num-unified-v732,
.partner-benefit-card-v732:hover .num-unified-v732 {
    color:#6879dc!important;
}

/* User benefits reduce visual weight */
.commercial-v67-benefits {
    transform:scale(.94);
    transform-origin:center;
}

/* English headings avoid oversized wrapping */
html[lang="en"] h1,
html[lang="en"] h2 {
    letter-spacing:-.04em;
    text-align:center;
}

html[lang="en"] .section-head p,
html[lang="en"] .page-section-head p {
    max-width:720px;
    margin-left:auto;
    margin-right:auto;
}

/* Homepage core platform area */
.home-platform-v732,
.core-platform-v732 {
    align-items:center;
}

.core-platform-v732 h2,
.core-platform-v732 h3 {
    text-align:left;
}

/* Autonomous R&D label refinement */
.home-rd-label-v732,
.rd-home-label-v732 {
    font-size:22px!important;
    font-weight:760!important;
    color:#17263c!important;
    letter-spacing:-.03em;
}

.home-rd-label-v732 {
    margin-top:8px!important;
}

/* Remove excessive micro text hierarchy */
.commercial-model-card-v732 small,
.commercial-benefit-card-v732 small {
    display:none!important;
}

/* English card titles */
html[lang="en"] .commercial-model-card-v732 h3,
html[lang="en"] .partner-benefit-title-v732 {
    text-align:center!important;
    max-width:180px;
}

/* Better centered commercial section */
.commercial-v67-business,
.commercial-v67-benefits {
    display:flex;
    flex-direction:column;
    justify-content:center;
}

/* Mobile safety */
@media(max-width:720px){
    .commercial-v67-benefits{
        transform:none;
    }
}


/* V7.34 Partnership / Benefits layout refinement */
.partner-benefit-card-v732,
.commercial-benefit-card-v732,
.commercial-model-card-v732 {
    min-height:220px;
}

.partner-benefit-card-v732:hover,
.commercial-benefit-card-v732:hover,
.commercial-model-card-v732:hover {
    background:linear-gradient(145deg,#ffffff,#f3f5ff);
    transform:translateY(-5px);
}

/* Reduce oversized benefit blocks */
.commercial-v67-benefits .partner-benefit-card-v732 {
    padding:24px 18px;
}

.commercial-v67-benefits .num-unified-v732 {
    font-size:42px!important;
}

/* Partner products / cooperation cards */
.partner-product-card-v732,
.cooperation-card-v732 {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
}

.partner-product-card-v732 .icon,
.cooperation-card-v732 .icon {
    margin:18px auto;
}

/* remove excessive empty space */
.partner-product-card-v732 {
    min-height:230px;
}

/* Navigation bilingual consistency */
.nav-link,
.language-switch,
.section-title {
    line-height:1.2;
}

@media(max-width:900px){
 .partner-benefit-card-v732,
 .commercial-model-card-v732{
    min-height:180px;
 }
}


/* =========================================================
   V7.35 FINAL DESIGN SYSTEM OPTIMIZATION
   Unified alignment / hover / English centering / compact benefits
   ========================================================= */

:root{
  --v735-ink:#17263c;
  --v735-muted:#718198;
  --v735-blue:#6279da;
  --v735-purple:#7770d8;
  --v735-border:#dfe7f0;
  --v735-card:#ffffff;
  --v735-hover:#f4f6ff;
}

/* ---------------- Universal card alignment ---------------- */
.ui-card-v735{
  position:relative!important;
  min-width:0!important;
  text-align:center!important;
  justify-items:center!important;
  align-items:center!important;
  overflow:hidden!important;
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    border-color .24s ease,
    background .24s ease!important;
}

.ui-card-v735 h3,
.ui-card-v735 h4,
.ui-card-v735 strong,
.module-title-v735{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  text-wrap:balance;
}

.ui-card-v735 [class*="icon"],
.ui-card-v735 [class*="object"],
.ui-card-v735 [class*="volume"],
.ui-card-v735 [class*="scene"],
.ui-card-v735 svg{
  margin-left:auto!important;
  margin-right:auto!important;
}

@media (hover:hover){
  .ui-card-v735:hover{
    transform:translateY(-5px)!important;
    border-color:#cbd7ee!important;
    background:linear-gradient(145deg,#fff 0%,var(--v735-hover) 100%)!important;
    box-shadow:0 18px 38px rgba(43,58,98,.10)!important;
  }

  .ui-card-v735:hover .marker-v735,
  .ui-card-v735:hover .num,
  .ui-card-v735:hover .no,
  .ui-card-v735:hover .commercial-letter-v732{
    color:var(--v735-blue)!important;
    transform:translateY(-1px);
  }

  .ui-card-v735:hover [class*="icon"],
  .ui-card-v735:hover [class*="object"],
  .ui-card-v735:hover [class*="volume"]{
    transform:translateY(-2px) scale(1.03);
  }
}

.marker-v735,
.module-icon-v735{
  transition:color .24s ease,transform .24s ease,filter .24s ease!important;
}

/* ---------------- All English titles centered correctly ---------------- */
html[lang="en"] .section-head,
html[lang="en"] .page-section-head,
html[lang="en"] .page-hero{
  text-align:center!important;
  justify-items:center!important;
}

html[lang="en"] .section-head h2,
html[lang="en"] .page-section-head h2,
html[lang="en"] .page-hero h1,
html[lang="en"] .title-center-v735{
  width:min(100%,920px)!important;
  max-width:920px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  text-wrap:balance;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

html[lang="en"] .section-head p,
html[lang="en"] .page-section-head p,
html[lang="en"] .page-hero p{
  width:min(100%,760px)!important;
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

/* ---------------- Homepage Commercial Model / User Benefits ---------------- */
.commercial-balanced-v735{
  grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr)!important;
  gap:20px!important;
  align-items:stretch!important;
}

.commercial-panel-v735{
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:28px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

.commercial-panel-business-v735 .commercial-model-head-v732{
  min-height:48px!important;
  margin:0 0 14px!important;
}

.commercial-panel-business-v735 .commercial-v67-abc,
.commercial-panel-business-v735 .commercial-abc-v731{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
}

.commercial-model-card-v735{
  min-height:250px!important;
  padding:22px 18px!important;
  grid-template-rows:42px 1fr auto!important;
}

.commercial-model-card-v735 .commercial-letter-v732{
  font-size:42px!important;
}

.commercial-model-card-v735 .commercial-icon-v732{
  width:82px!important;
  height:76px!important;
}

.commercial-model-card-v735 h3{
  font-size:17px!important;
  line-height:1.26!important;
}

.commercial-panel-benefits-v735{
  transform:none!important;
}

.commercial-panel-benefits-v735 .commercial-v67-benefit-head{
  text-align:center!important;
  margin-bottom:16px!important;
}

.commercial-panel-benefits-v735 .commercial-v67-benefit-grid,
.commercial-panel-benefits-v735 .commercial-benefit-grid-v731{
  gap:10px!important;
}

.commercial-panel-benefits-v735 .commercial-benefit-card-v732{
  min-height:122px!important;
  padding:12px 10px!important;
  grid-template-rows:30px 44px auto!important;
}

.commercial-panel-benefits-v735 .commercial-benefit-card-v732 .num{
  font-size:29px!important;
}

.commercial-panel-benefits-v735 .benefit-icon-v732{
  width:44px!important;
  height:44px!important;
  transform:scale(.78)!important;
}

.commercial-panel-benefits-v735 .commercial-benefit-title-v732{
  font-size:14px!important;
}

html[lang="en"] .commercial-panel-benefits-v735 .commercial-benefit-title-v732{
  font-size:12.5px!important;
}

/* ---------------- Partnership: number -> centered icon -> centered title ---------------- */
.partnership-card-v68,
.partnership-card-v735{
  min-height:230px!important;
  padding:18px 18px 20px!important;
  display:grid!important;
  grid-template-rows:42px 1fr auto!important;
  justify-items:center!important;
  align-items:center!important;
  text-align:center!important;
  overflow:hidden!important;
}

.partnership-card-v68 .num,
.partnership-card-v68 .no{
  position:relative!important;
  inset:auto!important;
  margin:0 auto!important;
  font-size:42px!important;
  line-height:.9!important;
  text-align:center!important;
}

.partnership-card-v68 h3{
  width:100%!important;
  margin:0!important;
  max-width:260px!important;
  font-size:17px!important;
  line-height:1.28!important;
  text-align:center!important;
}

html[lang="en"] .partnership-card-v68 h3{
  font-size:15px!important;
  max-width:225px!important;
}

.partnership-card-v68 [class*="object"],
.partnership-card-v68 [class*="volume"],
.partnership-card-v68 [class*="scene"],
.partnership-card-v68 .stage-mark{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  margin:auto!important;
  transform:none!important;
}

/* Remove old extra micro-label spacing inside partnership cards */
.partnership-card-v68 small{
  display:none!important;
}

/* ---------------- Partner Products: inserted Partnership section ---------------- */
.partner-products-partnership-v735{
  background:transparent!important;
}

.partner-products-partnership-v735 .section-head{
  margin-bottom:28px!important;
}

/* ---------------- Partner Products 1-6 compact ---------------- */
.partner-benefit-grid-v728{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}

.partner-benefit-card-v735{
  min-height:150px!important;
  padding:14px 16px!important;
  display:grid!important;
  grid-template-rows:30px 46px auto!important;
  justify-items:center!important;
  align-items:center!important;
  text-align:center!important;
}

.partner-benefit-card-v735 .num{
  margin:0 auto!important;
  font-size:31px!important;
  line-height:.9!important;
}

.partner-benefit-card-v735 .module-icon-v735,
.partner-benefit-card-v735 .benefit-icon-v732,
.partner-benefit-card-v735 .benefit-icon-v729,
.partner-benefit-card-v735 .benefit-icon-v719{
  position:relative!important;
  inset:auto!important;
  width:46px!important;
  height:46px!important;
  margin:auto!important;
  transform:scale(.82)!important;
}

.partner-benefit-card-v735 h3,
.partner-benefit-card-v735 .partner-benefit-title-v732,
.partner-benefit-card-v735 .partner-benefit-title-v729{
  margin:0!important;
  max-width:210px!important;
  font-size:15.5px!important;
  line-height:1.24!important;
  text-align:center!important;
}

html[lang="en"] .partner-benefit-card-v735 h3,
html[lang="en"] .partner-benefit-card-v735 .partner-benefit-title-v732,
html[lang="en"] .partner-benefit-card-v735 .partner-benefit-title-v729{
  font-size:13.5px!important;
  max-width:190px!important;
}

/* ---------------- Other card families: same hover feel ---------------- */
.metric,
.work-card-v68,
.rd-v66-stage,
.rd-page-pipeline-v66 article,
.rd-asset-card-v725,
.case-card-v77,
.about-card,
.info-card,
.page-card{
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    border-color .24s ease,
    background .24s ease!important;
}

@media (hover:hover){
  .metric:hover,
  .work-card-v68:hover,
  .rd-v66-stage:hover,
  .rd-page-pipeline-v66 article:hover,
  .rd-asset-card-v725:hover,
  .case-card-v77:hover,
  .about-card:hover,
  .info-card:hover,
  .page-card:hover{
    transform:translateY(-5px)!important;
    border-color:#cbd7ee!important;
    background:linear-gradient(145deg,#fff,#f4f6ff)!important;
    box-shadow:0 18px 38px rgba(43,58,98,.10)!important;
  }
}

/* ---------------- Tablet ---------------- */
@media(max-width:1199px){
  .commercial-balanced-v735{
    grid-template-columns:1fr!important;
  }

  .commercial-panel-v735{
    padding:24px!important;
  }

  .commercial-panel-business-v735 .commercial-v67-abc{
    min-height:250px!important;
  }

  .partner-benefit-grid-v728{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* ---------------- Mobile ---------------- */
@media(max-width:720px){
  .commercial-panel-v735{
    padding:18px!important;
  }

  .commercial-model-card-v735{
    min-height:138px!important;
    grid-template-columns:38px 74px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    gap:10px!important;
  }

  .commercial-model-card-v735 .commercial-letter-v732{
    font-size:32px!important;
  }

  .commercial-model-card-v735 .commercial-icon-v732{
    width:70px!important;
    height:62px!important;
  }

  .commercial-model-card-v735 h3{
    text-align:left!important;
    font-size:15px!important;
  }

  .partnership-card-v68,
  .partnership-card-v735{
    min-height:145px!important;
    grid-template-columns:38px 66px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    gap:10px!important;
    padding:14px!important;
  }

  .partnership-card-v68 .num,
  .partnership-card-v68 .no{
    font-size:32px!important;
  }

  .partnership-card-v68 h3{
    max-width:none!important;
    text-align:left!important;
    font-size:15px!important;
  }

  html[lang="en"] .partnership-card-v68 h3{
    font-size:13.5px!important;
    max-width:none!important;
  }

  .partner-benefit-grid-v728{
    grid-template-columns:1fr!important;
  }

  .partner-benefit-card-v735{
    min-height:112px!important;
    grid-template-columns:34px 52px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    gap:10px!important;
    padding:12px 14px!important;
  }

  .partner-benefit-card-v735 .num{
    font-size:28px!important;
  }

  .partner-benefit-card-v735 h3,
  .partner-benefit-card-v735 .partner-benefit-title-v732,
  .partner-benefit-card-v735 .partner-benefit-title-v729{
    max-width:none!important;
    text-align:left!important;
    font-size:15px!important;
  }

  html[lang="en"] .partner-benefit-card-v735 h3,
  html[lang="en"] .partner-benefit-card-v735 .partner-benefit-title-v732,
  html[lang="en"] .partner-benefit-card-v735 .partner-benefit-title-v729{
    max-width:none!important;
    font-size:13px!important;
  }
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .ui-card-v735,
  .metric,
  .work-card-v68,
  .partnership-card-v68,
  .rd-v66-stage,
  .case-card-v77{
    transition:none!important;
    transform:none!important;
  }
}


/* =========================================================
   V7.35.1 VISUAL POLISH
   Homepage hierarchy / Commercial balance / About fold / EN-ZH QA
   ========================================================= */

/* Homepage: Independent R&D should belong to the tagline system, not compete with it */
.system-rd-inline-v7351{
  display:block!important;
  margin-top:7px!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  color:#5a6b81!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:760!important;
  letter-spacing:.1px!important;
  border-radius:0!important;
}
html[lang="zh-CN"] .system-rd-inline-v7351{
  font-size:14px!important;
  font-weight:760!important;
  letter-spacing:.05px!important;
}

/* Homepage commercial section: both halves should visually fit in one desktop fold */
.commercial-layout-v7351{
  grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}
.commercial-side-v7351{
  min-height:0!important;
  height:auto!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.commercial-model-head-v732{
  min-height:42px!important;
  margin-bottom:10px!important;
}
.commercial-model-head-v732 h3{
  font-size:22px!important;
}
.commercial-v67-abc,
.commercial-abc-v731{
  min-height:0!important;
}
.commercial-model-card-v7351{
  min-height:214px!important;
  padding:18px 14px!important;
  grid-template-rows:36px 1fr auto!important;
}
.commercial-model-card-v7351 .commercial-letter-v732{
  font-size:38px!important;
}
.commercial-model-card-v7351 .commercial-icon-v732{
  width:72px!important;
  height:66px!important;
}
.commercial-model-card-v7351 h3{
  font-size:16px!important;
  line-height:1.24!important;
}
html[lang="en"] .commercial-model-card-v7351 h3{
  font-size:14px!important;
  max-width:180px!important;
}

/* user-benefits side compacted and vertically balanced */
.commercial-benefit-card-v7351{
  min-height:104px!important;
  padding:10px 9px!important;
  grid-template-rows:26px 38px auto!important;
}
.commercial-benefit-card-v7351 .num{
  font-size:27px!important;
}
.commercial-benefit-card-v7351 .benefit-icon-v732{
  width:38px!important;
  height:38px!important;
  transform:scale(.72)!important;
}
.commercial-benefit-card-v7351 .commercial-benefit-title-v732{
  font-size:13.5px!important;
  line-height:1.2!important;
}
html[lang="en"] .commercial-benefit-card-v7351 .commercial-benefit-title-v732{
  font-size:11.8px!important;
  max-width:120px!important;
}

/* About: reduce hero dead space so key content enters the first fold */
.about-hero-v7351{
  min-height:300px!important;
  padding:64px 24px 52px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
.about-hero-v7351 h1{
  margin:0 auto!important;
  max-width:900px!important;
  text-align:center!important;
  font-size:clamp(42px,4.6vw,66px)!important;
  line-height:1.03!important;
  letter-spacing:-.045em!important;
}
.about-hero-v7351 p{
  margin:24px auto 0!important;
  max-width:900px!important;
  text-align:center!important;
  color:#607087!important;
  font-size:16px!important;
  line-height:1.75!important;
}
html[lang="zh-CN"] .about-hero-v7351 p{
  max-width:820px!important;
  font-size:16.5px!important;
}

/* About cards closer to hero and more compact */
.about-card-v7351{
  min-height:145px!important;
  padding:24px!important;
  text-align:center!important;
  justify-items:center!important;
}
.about-card-v7351 h2,
.about-card-v7351 h3,
.about-card-v7351 p{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Partner products value section: tighter vertical rhythm */
.partner-value-section-v7351{
  padding-top:54px!important;
  padding-bottom:58px!important;
}
.partner-value-section-v7351 .section-head{
  margin-bottom:22px!important;
}

/* Global English headings centered and balanced */
html[lang="en"] .page-hero h1,
html[lang="en"] .section-head h2,
html[lang="en"] .page-section-head h2{
  max-width:920px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  text-wrap:balance;
  line-height:1.06!important;
}
html[lang="en"] .section-head p,
html[lang="en"] .page-section-head p,
html[lang="en"] .page-hero p{
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

/* Tablet */
@media(max-width:1199px){
  .commercial-layout-v7351{
    grid-template-columns:1fr!important;
  }
  .commercial-side-v7351{
    padding:22px!important;
  }
  .about-hero-v7351{
    min-height:280px!important;
    padding:56px 22px 46px!important;
  }
}

/* Mobile */
@media(max-width:720px){
  .system-rd-inline-v7351{
    margin-top:5px!important;
    font-size:11px!important;
  }
  html[lang="zh-CN"] .system-rd-inline-v7351{
    font-size:11.5px!important;
  }

  .commercial-side-v7351{
    padding:16px!important;
  }
  .commercial-model-card-v7351{
    min-height:132px!important;
  }
  .commercial-benefit-card-v7351{
    min-height:96px!important;
  }

  .about-hero-v7351{
    min-height:240px!important;
    padding:44px 18px 38px!important;
  }
  .about-hero-v7351 h1{
    font-size:36px!important;
  }
  .about-hero-v7351 p{
    margin-top:16px!important;
    font-size:14px!important;
    line-height:1.7!important;
  }
  html[lang="zh-CN"] .about-hero-v7351 p{
    font-size:14.5px!important;
  }
}


/* V7.35.2 homepage balance refinement */

/* Independent R&D - make it a proper brand capability label */
.system-rd-inline-v7351,
.system-rd-inline-v731{
    display:inline-flex!important;
    align-items:center!important;
    margin-top:10px!important;
    padding:4px 0!important;
    color:#1b2b4a!important;
    font-size:18px!important;
    font-weight:800!important;
    letter-spacing:.02em!important;
    line-height:1.4!important;
}
.system-platform-copy-v726 .system-rd-inline-v7351::before,
.system-platform-copy-v726 .system-rd-inline-v731::before{
    content:""!important;
}

/* Move description into business model block */
.commercial-v67 .section-head p{
    display:none!important;
}
.commercial-model-desc-v7352{
    margin:8px auto 18px!important;
    text-align:center!important;
    max-width:420px!important;
    color:#667892!important;
    font-size:15px!important;
    line-height:1.6!important;
}
.commercial-business-v731{
    justify-content:flex-start!important;
}
.commercial-layout-v7351{
    align-items:start!important;
}
.commercial-panel-v735{
    min-height:430px!important;
}
.commercial-benefit-card-v7351{
    min-height:110px!important;
}

/* Balance A/B/C and benefits */
.commercial-model-card-v7351{
    min-height:235px!important;
}
.commercial-model-card-v7351 .commercial-letter-v732{
    margin-top:4px!important;
}
.commercial-model-card-v7351 .commercial-icon-v732{
    margin:auto!important;
}

/* bilingual */
html[lang="en"] .commercial-model-desc-v7352{
    max-width:460px!important;
    font-size:14px!important;
}

/* mobile */
@media(max-width:720px){
 .system-rd-inline-v7351,.system-rd-inline-v731{
    font-size:14px!important;
 }
 .commercial-panel-v735{
    min-height:auto!important;
 }
 .commercial-model-desc-v7352{
    font-size:13px!important;
 }
}


/* =========================================================
   V7.35.3 BUSINESS BALANCE FIX
   Homepage only: shrink User Benefits panel/cards and center copy
   ========================================================= */

/* Keep the two sides visually balanced */
.commercial-balance-v7353{
  grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}

.commercial-benefits-v7353{
  min-height:0!important;
  padding:22px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

/* Right-side title and description centered */
.commercial-benefits-v7353 .commercial-v67-benefit-head{
  text-align:center!important;
  margin-bottom:14px!important;
}

.commercial-benefits-v7353 .commercial-v67-benefit-head h3{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  font-size:30px!important;
  line-height:1.08!important;
}

.benefit-desc-v7353{
  max-width:520px!important;
  margin:10px auto 0!important;
  text-align:center!important;
  color:#6f7f93!important;
  font-size:14px!important;
  line-height:1.65!important;
}

html[lang="en"] .benefit-desc-v7353{
  max-width:500px!important;
  font-size:13.5px!important;
  line-height:1.6!important;
}

/* Compact the 1–6 grid so it visually matches left side */
.commercial-benefits-v7353 .commercial-v67-benefit-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  align-content:center!important;
}

.benefit-card-v7353{
  min-height:92px!important;
  padding:9px 10px!important;
  display:grid!important;
  grid-template-columns:30px 36px minmax(0,1fr)!important;
  grid-template-rows:1fr!important;
  gap:8px!important;
  align-items:center!important;
  justify-items:start!important;
  text-align:left!important;
  border-radius:14px!important;
}

.benefit-num-v7353{
  position:relative!important;
  inset:auto!important;
  margin:0!important;
  font-size:25px!important;
  line-height:1!important;
  letter-spacing:-1px!important;
  align-self:center!important;
}

.benefit-icon-v7353{
  position:relative!important;
  inset:auto!important;
  margin:0!important;
  width:36px!important;
  height:36px!important;
  transform:scale(.70)!important;
  transform-origin:center!important;
  align-self:center!important;
}

.benefit-title-v7353{
  min-width:0!important;
  margin:0!important;
  text-align:left!important;
  font-size:13.5px!important;
  line-height:1.22!important;
  font-weight:730!important;
}

html[lang="en"] .benefit-title-v7353{
  font-size:12px!important;
  line-height:1.22!important;
}

/* Preserve hover behavior while keeping compact scale */
@media (hover:hover){
  .benefit-card-v7353:hover{
    transform:translateY(-4px)!important;
    border-color:#cbd7ee!important;
    background:linear-gradient(145deg,#fff,#f4f6ff)!important;
    box-shadow:0 16px 32px rgba(43,58,98,.09)!important;
  }
  .benefit-card-v7353:hover .benefit-num-v7353{
    color:#6279da!important;
  }
}

/* Tablet */
@media(max-width:1199px){
  .commercial-balance-v7353{
    grid-template-columns:1fr!important;
  }
  .commercial-benefits-v7353{
    padding:20px!important;
  }
  .benefit-card-v7353{
    min-height:88px!important;
  }
}

/* Mobile */
@media(max-width:720px){
  .commercial-benefits-v7353{
    padding:16px!important;
  }
  .commercial-benefits-v7353 .commercial-v67-benefit-grid{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .benefit-card-v7353{
    min-height:78px!important;
    grid-template-columns:28px 34px minmax(0,1fr)!important;
    padding:8px 10px!important;
  }
  .benefit-num-v7353{
    font-size:23px!important;
  }
  .benefit-title-v7353{
    font-size:13px!important;
  }
  html[lang="en"] .benefit-title-v7353{
    font-size:11.8px!important;
  }
  .benefit-desc-v7353,
  html[lang="en"] .benefit-desc-v7353{
    font-size:12.5px!important;
    line-height:1.55!important;
  }
}


/* V7.35.4 User Benefits Size Correction
   User requested: shrink right User Benefits only, do not enlarge Commercial Model
*/
.commercial-balance-v7353{
  grid-template-columns:minmax(0,1fr) minmax(330px,.72fr)!important;
  gap:24px!important;
  align-items:start!important;
}

/* Keep left Commercial Model original proportion */
.commercial-balance-v7353 > *:first-child{
  min-width:0!important;
}

/* Reduce right User Benefits panel */
.commercial-benefits-v7353{
  padding:18px!important;
  transform:none!important;
  max-width:520px!important;
  margin-left:auto!important;
}

.commercial-benefits-v7353 .commercial-v67-benefit-head h3{
  font-size:28px!important;
}

.benefit-desc-v7353{
  max-width:360px!important;
  font-size:13px!important;
  line-height:1.5!important;
}

/* compact 01-06 cards */
.commercial-benefits-v7353 .commercial-v67-benefit-grid{
  gap:8px!important;
}

.benefit-card-v7353{
  min-height:76px!important;
  padding:8px!important;
  grid-template-columns:28px 32px minmax(0,1fr)!important;
}

.benefit-num-v7353{
  font-size:22px!important;
}

.benefit-icon-v7353{
  width:32px!important;
  height:32px!important;
  transform:scale(.62)!important;
}

.benefit-title-v7353{
  font-size:12.5px!important;
}

/* mobile/tablet */
@media(max-width:1199px){
 .commercial-balance-v7353{
   grid-template-columns:1fr!important;
 }
 .commercial-benefits-v7353{
   max-width:none!important;
   margin-left:0!important;
 }
}


/* =========================================================
   V7.35.6 — USER BENEFITS ONLY FIX
   左侧商业模式完全不动，只压缩右侧用户权益。
   ========================================================= */

/* 右侧外框：让内容自然变矮；桌面网格最终由左侧高度决定并对齐 */
aside.commercial-v67-benefits.user-benefits-only-v7356{
  min-height:0!important;
  height:100%!important;
  padding:18px!important;
  box-sizing:border-box!important;
  transform:none!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

/* 标题与说明压缩、居中 */
aside.user-benefits-only-v7356 .commercial-v67-benefit-head{
  margin:0 0 10px!important;
  padding:0!important;
  text-align:center!important;
}
aside.user-benefits-only-v7356 .commercial-v67-benefit-head h3{
  margin:0 auto!important;
  text-align:center!important;
  font-size:28px!important;
  line-height:1.08!important;
}
.user-benefits-desc-v7356{
  width:min(100%,480px)!important;
  margin:8px auto 0!important;
  text-align:center!important;
  font-size:13px!important;
  line-height:1.48!important;
  color:#6f7f93!important;
}
html[lang="en"] .user-benefits-desc-v7356{
  width:min(100%,460px)!important;
  font-size:12.5px!important;
  line-height:1.45!important;
}

/* 1–6：只缩小右侧六张卡片 */
aside.user-benefits-only-v7356 .commercial-v67-benefit-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,64px)!important;
  gap:8px!important;
  min-height:0!important;
  height:auto!important;
  align-content:center!important;
}

aside.user-benefits-only-v7356 .commercial-v67-benefit-grid > article.user-benefit-card-v7356{
  min-height:64px!important;
  height:64px!important;
  padding:6px 8px!important;
  display:grid!important;
  grid-template-columns:25px 31px minmax(0,1fr)!important;
  grid-template-rows:1fr!important;
  gap:6px!important;
  align-items:center!important;
  justify-items:start!important;
  text-align:left!important;
  border-radius:12px!important;
  box-sizing:border-box!important;
}

aside.user-benefits-only-v7356 .user-benefit-num-v7356{
  position:relative!important;
  inset:auto!important;
  margin:0!important;
  padding:0!important;
  font-size:21px!important;
  line-height:1!important;
  letter-spacing:-.7px!important;
}

aside.user-benefits-only-v7356 .user-benefit-icon-v7356{
  position:relative!important;
  inset:auto!important;
  margin:0!important;
  width:31px!important;
  height:31px!important;
  transform:scale(.62)!important;
  transform-origin:center!important;
}

aside.user-benefits-only-v7356 .user-benefit-title-v7356{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  font-size:12.5px!important;
  line-height:1.15!important;
  font-weight:730!important;
}
html[lang="en"] aside.user-benefits-only-v7356 .user-benefit-title-v7356{
  font-size:10.9px!important;
  line-height:1.15!important;
}

/* 底部免责声明也压缩，避免把右侧撑高 */
aside.user-benefits-only-v7356 .commercial-v67-note{
  margin:9px auto 0!important;
  padding:0!important;
  max-width:480px!important;
  text-align:center!important;
  font-size:10.5px!important;
  line-height:1.35!important;
}

/* 保留原有 hover 感觉，但幅度更小 */
@media (hover:hover){
  aside.user-benefits-only-v7356 .user-benefit-card-v7356:hover{
    transform:translateY(-3px)!important;
    border-color:#cbd7ee!important;
    background:linear-gradient(145deg,#fff,#f4f6ff)!important;
    box-shadow:0 13px 26px rgba(43,58,98,.08)!important;
  }
  aside.user-benefits-only-v7356 .user-benefit-card-v7356:hover .user-benefit-num-v7356{
    color:#6279da!important;
  }
}

/* 平板：商业模式与用户权益会上下排列，右侧仍保持紧凑 */
@media(max-width:1199px){
  aside.commercial-v67-benefits.user-benefits-only-v7356{
    height:auto!important;
    padding:16px!important;
  }
}

/* 手机 */
@media(max-width:720px){
  aside.commercial-v67-benefits.user-benefits-only-v7356{
    padding:14px!important;
  }
  aside.user-benefits-only-v7356 .commercial-v67-benefit-grid{
    grid-template-columns:1fr!important;
    grid-template-rows:repeat(6,58px)!important;
    gap:7px!important;
  }
  aside.user-benefits-only-v7356 .commercial-v67-benefit-grid > article.user-benefit-card-v7356{
    min-height:58px!important;
    height:58px!important;
    grid-template-columns:23px 29px minmax(0,1fr)!important;
    padding:6px 8px!important;
  }
  aside.user-benefits-only-v7356 .user-benefit-num-v7356{
    font-size:19px!important;
  }
  aside.user-benefits-only-v7356 .user-benefit-title-v7356{
    font-size:12px!important;
  }
  html[lang="en"] aside.user-benefits-only-v7356 .user-benefit-title-v7356{
    font-size:10.7px!important;
  }
  .user-benefits-desc-v7356,
  html[lang="en"] .user-benefits-desc-v7356{
    font-size:11.8px!important;
  }
}


/* V7.35.7 layout refinement */
.commercial-balance-v7353{
  column-gap:14px!important;
}
aside.user-benefits-only-v7356{
  max-width:430px!important;
}
.commercial-v67 .section-head>p{
  text-align:center!important;
}
.hero h1,.hero-strategy-v713{
  text-align:left;
}
@media(max-width:1199px){
  .commercial-balance-v7353{
    column-gap:12px!important;
  }
  aside.user-benefits-only-v7356{
    max-width:none!important;
  }
}
@media(max-width:720px){
  .hero h1,.hero-strategy-v713{
    text-align:center!important;
  }
}

/* About page alignment */
.page-hero .page-hero-inner,
.page-hero .page-title,
.page-hero .page-desc{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* V7.35.9 precise layout fix */
.hero-title-v711{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.hero-title-v711 .hero-lang{
  align-items:center!important;
  text-align:center!important;
}
.hero-title-v711 .hero-line-v711{
  text-align:center!important;
}

/* About first fold optimization */
.about-hero-v7351{
  min-height:240px!important;
  padding:48px 24px 36px!important;
}
.about-hero-v7351 p{
  margin-top:18px!important;
}
.about-hero-v7351 + section{
  padding-top:36px!important;
}
.about-card-v7351{
  min-height:120px!important;
  padding:20px!important;
}
@media(max-width:900px){
 .about-hero-v7351{min-height:auto!important;padding:42px 20px 30px!important;}
 .about-card-v7351{min-height:120px!important;}
}
@media(max-width:600px){
 .about-hero-v7351 h1{font-size:clamp(34px,10vw,48px)!important;}
 .about-hero-v7351 p{font-size:15px!important;}
}


/* =========================================================
   V7.35.10 RESPONSIVE CLEANUP
   Scope:
   - Homepage hero + metric 3 + buttons
   - About page fold + four-card centering
   - Mobile typography/footer/icon compatibility
   ========================================================= */

/* Safe system font stack across desktop/iPad/mobile.
   Avoid icon-font glyph fallback issues on mobile browsers. */
html, body, button, input, textarea, select,
h1, h2, h3, h4, h5, h6, p, a, span, strong, small, em,
::before, ::after{
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "PingFang SC",
    "Hiragino Sans GB",
    "Microsoft YaHei",
    "Noto Sans CJK SC",
    "Noto Sans SC",
    Arial,
    sans-serif!important;
}

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

/* ---------- Homepage: center the positioning block ---------- */
.hero-v73510 .hero-grid > div:first-child{
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}

.hero-v73510 .hero-title-v711{
  width:min(100%,760px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

.hero-v73510 .hero-lang{
  width:100%!important;
  text-align:center!important;
  align-items:center!important;
}

.hero-v73510 .hero-line-v711{
  display:block!important;
  width:100%!important;
  text-align:center!important;
}

.hero-v73510 .hero-strategy-v713,
.hero-v73510 .hero-strategy-v714{
  width:min(100%,760px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

.hero-actions-v73510{
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:12px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* ---------- Homepage metric cards: center all text and visuals ---------- */
.metrics .metric{
  text-align:center!important;
  justify-items:center!important;
  align-items:center!important;
}

.metrics .metric > *{
  margin-left:auto!important;
  margin-right:auto!important;
}

.metric-title-v73510{
  margin:0 auto!important;
  width:100%!important;
  max-width:220px!important;
  text-align:center!important;
  color:#17263c!important;
  font-size:17px!important;
  line-height:1.24!important;
  font-weight:780!important;
  text-wrap:balance;
}

html[lang="zh-CN"] .metric-title-v73510{
  font-size:18px!important;
}

.metric-validation-v73510 .metric-title-v716{
  width:100%!important;
  text-align:center!important;
}

/* ---------- About page: title + copy + four cards in the same first-screen composition ---------- */
.about-main-v73510{
  background:linear-gradient(180deg,#f8fbff 0%,#f4f8fd 100%);
}

.about-hero-v73510{
  min-height:0!important;
  padding:48px 24px 34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

.about-hero-v73510 .container{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}

.about-hero-v73510 h1{
  margin:0 auto!important;
  max-width:900px!important;
  text-align:center!important;
  font-size:clamp(42px,4.4vw,62px)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
}

.about-intro-v73510{
  width:min(100%,900px)!important;
  margin:18px auto 0!important;
  text-align:center!important;
  font-size:15px!important;
  line-height:1.65!important;
  color:#63748a!important;
}

html[lang="zh-CN"] .about-intro-v73510{
  font-size:16px!important;
}

.about-cards-section-v73510{
  padding:22px 0 34px!important;
}

.about-cards-section-v73510 > .container{
  width:min(calc(100% - 48px),1500px)!important;
}

.about-grid-v73510{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}

.about-card-v73510{
  min-height:118px!important;
  padding:18px 22px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:20px!important;
}

.about-card-v73510 h3,
.about-card-v73510 p{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

.about-card-v73510 h3{
  margin-top:0!important;
  margin-bottom:8px!important;
  font-size:18px!important;
  line-height:1.24!important;
}

.about-card-v73510 p{
  margin-top:0!important;
  margin-bottom:0!important;
  max-width:620px!important;
  font-size:13.5px!important;
  line-height:1.55!important;
}

/* ---------- Footer/mobile text safety ---------- */
.footer,
.footer *{
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "PingFang SC",
    "Hiragino Sans GB",
    "Microsoft YaHei",
    "Noto Sans CJK SC",
    Arial,
    sans-serif!important;
}

.footer .footer-brand-v74,
.footer .footer-meta-v74{
  min-width:0!important;
}

.footer .footer-brand-v74 p,
.footer .footer-meta-v74 a,
.footer .footer-meta-v74 span{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

/* ---------- Desktop / laptop ---------- */
@media(min-width:1200px){
  .about-hero-v73510{
    padding-top:42px!important;
    padding-bottom:28px!important;
  }

  /* Keep about hero + four cards compact enough for typical laptop first fold. */
  .about-cards-section-v73510{
    padding-top:18px!important;
  }

  .about-card-v73510{
    min-height:112px!important;
  }
}

/* ---------- iPad/tablet ---------- */
@media(max-width:1199px){
  .hero-v73510 .hero-grid > div:first-child{
    width:100%!important;
  }

  .about-hero-v73510{
    padding:42px 22px 30px!important;
  }

  .about-grid-v73510{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .about-card-v73510{
    min-height:112px!important;
    padding:16px 18px!important;
  }
}

/* ---------- Mobile ---------- */
@media(max-width:720px){
  .hero-v73510 .hero-title-v711{
    width:100%!important;
  }

  .hero-v73510 .hero-strategy-v713,
  .hero-v73510 .hero-strategy-v714{
    width:100%!important;
    font-size:14px!important;
    line-height:1.72!important;
  }

  .hero-actions-v73510{
    flex-direction:column!important;
    width:100%!important;
    max-width:360px!important;
  }

  .hero-actions-v73510 .btn{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
  }

  .metric-title-v73510{
    font-size:16px!important;
  }

  html[lang="zh-CN"] .metric-title-v73510{
    font-size:17px!important;
  }

  .about-hero-v73510{
    padding:34px 18px 24px!important;
  }

  .about-hero-v73510 h1{
    font-size:34px!important;
    line-height:1.06!important;
  }

  .about-intro-v73510,
  html[lang="zh-CN"] .about-intro-v73510{
    margin-top:14px!important;
    font-size:14px!important;
    line-height:1.7!important;
  }

  .about-cards-section-v73510{
    padding:16px 0 28px!important;
  }

  .about-cards-section-v73510 > .container{
    width:min(calc(100% - 28px),100%)!important;
  }

  .about-grid-v73510{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .about-card-v73510{
    min-height:96px!important;
    padding:14px 16px!important;
  }

  .about-card-v73510 h3{
    font-size:16px!important;
    margin-bottom:6px!important;
  }

  .about-card-v73510 p{
    font-size:12.5px!important;
    line-height:1.55!important;
  }

  .footer .footer-v74{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:14px!important;
    text-align:center!important;
  }

  .footer .footer-brand-v74,
  .footer .footer-meta-v74{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:8px!important;
  }

  .footer .footer-brand-name-v74,
  .footer .footer-brand-v74 p,
  .footer .footer-meta-v74 a,
  .footer .footer-meta-v74 span{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Extra narrow phones */
@media(max-width:390px){
  .about-hero-v73510 h1{
    font-size:31px!important;
  }

  .about-intro-v73510,
  html[lang="zh-CN"] .about-intro-v73510{
    font-size:13.5px!important;
  }
}

/* =====================================================
 V7.36.0 Global Visual Optimization
 ===================================================== */

/* Global typography alignment */
html,body{
  -webkit-text-size-adjust:100%;
}
body{
  overflow-x:hidden;
}

/* Homepage hero overflow correction */
.hero-grid{
  align-items:center!important;
}
.hero-grid > *{
  min-width:0!important;
}
.hero-grid .actions,
.hero-actions-v73510{
  justify-content:center!important;
  align-items:center!important;
}

/* Right hero visual area compact */
.hero-grid > div:last-child{
  transform:scale(.96);
  transform-origin:center;
}
@media(max-width:1199px){
 .hero-grid > div:last-child{transform:scale(.98);}
}
@media(max-width:720px){
 .hero-grid > div:last-child{transform:none;}
}

/* All cards visual center */
.metrics .metric,
.metrics .metric *{
 text-align:center!important;
}
.metrics .metric{
 align-items:center!important;
 justify-items:center!important;
}

/* Commercial/user benefits alignment */
.commercial-v67-layout{
 column-gap:24px!important;
 align-items:center!important;
}
.commercial-v67-benefits.user-benefits-only-v7356{
 justify-content:center!important;
 align-self:center!important;
}
.user-benefits-only-v7356 .commercial-v67-benefit-grid{
 gap:12px!important;
}
.user-benefits-only-v7356 article{
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 text-align:center!important;
}

/* About/other pages unified visual language */
.about-hero-v73510,
.page-hero{
 text-align:center!important;
}
.about-hero-v73510 h1,
.page-hero h1{
 margin-left:auto!important;
 margin-right:auto!important;
 text-align:center!important;
}
.about-grid-v73510,
.page-grid{
 align-items:stretch!important;
}
.about-card-v73510,
.page-grid article{
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 text-align:center!important;
}
.about-card-v73510 *,
.page-grid article *{
 text-align:center!important;
}

/* Partner products / cases / business cards */
.section-header,
.section-header *{
 text-align:center!important;
}
.card-grid,
.grid{
 align-items:stretch!important;
}

/* Footer mobile protection */
.footer,
footer{
 overflow:hidden!important;
}
footer *{
 overflow-wrap:anywhere;
}

/* Language default English helper */
html:not([data-language]){
  /* JS language handler keeps English as initial state */
}

/* Tablet */
@media(max-width:1024px){
 .commercial-v67-layout{
  column-gap:16px!important;
 }
}

/* Mobile */
@media(max-width:720px){
 .hero-grid{
  grid-template-columns:1fr!important;
 }
 .commercial-v67-layout{
  grid-template-columns:1fr!important;
 }
 .metrics{
  grid-template-columns:1fr!important;
 }
 .about-grid-v73510,
 .page-grid{
  grid-template-columns:1fr!important;
 }
 .footer,footer{
  text-align:center!important;
 }
}


/* ================================
   ILovestudy V7.36.4 Responsive Hotfix
   ================================ */

/* Hero + system panel spacing */
.hero-grid{
  gap:36px;
  padding:64px 0 64px;
}
.hero h1{
  font-size:clamp(50px,4.6vw,72px);
  line-height:1.02;
}
.system-main{padding:18px}
.system-brand{
  padding:16px;
}
.metrics{
  gap:8px;
}
.metric{
  min-height:132px;
  padding:14px;
}
.metric small{
  margin-top:28px;
}

/* workflow cards */
.work-card{
  min-height:230px;
  padding:24px;
}
.work-card small{
  margin-top:58px;
}
.work-card h3{
  font-size:20px;
}

/* normal cards */
.card{
  min-height:210px;
  padding:20px;
}
.card small{
  margin-top:58px;
}
.card h3{
  font-size:18px;
}

/* section headings */
.section-head h2{
  line-height:1.2;
}
.section-head p{
  max-width:720px;
  margin-left:auto;
  margin-right:auto;
}

/* partnership pages */
.partnership-card-v68{
  min-height:200px;
}

/* mobile */
@media(max-width:768px){

.container{
 width:calc(100% - 32px);
}

.nav{
 min-height:64px;
 gap:12px;
}

.links{
 display:none;
}

.hero-grid{
 grid-template-columns:1fr;
 gap:28px;
 padding:42px 0;
}

.hero h1{
 font-size:42px;
}

.hero p{
 font-size:14px;
}

.system{
 border-radius:22px;
}

.system-brand{
 grid-template-columns:1fr;
 text-align:center;
}

.chip-shell{
 margin:auto;
}

.metrics{
 grid-template-columns:1fr;
}

.metric{
 min-height:150px;
}

.work3,
.cards4{
 grid-template-columns:1fr;
}

.work-card,
.card{
 min-height:220px;
}

.section{
 padding:56px 0;
}

.actions{
 flex-wrap:wrap;
}

}

/* small phone */
@media(max-width:390px){
.hero h1{
 font-size:36px;
}
.btn{
 width:100%;
}
}