/* BeiMeiMac: a dedicated workstation, presented as physical infrastructure. */
:root, html[data-theme="dark"] {
  --bg:#080b10; --bg-1:#0d1118; --bg-2:#121923; --bg-3:#19232f;
  --text:#eef3f7; --text-2:#a7b4c3; --text-3:#7d8c9d;
  --ice:#8bdddf; --link:#a0e2e4; --line:rgba(165,192,207,.14);
  --line-2:rgba(165,192,207,.25); --grad:linear-gradient(110deg,#f5f7fa,#a2e0e3);
}
body {font-family:"Avenir Next","Inter","PingFang SC","Microsoft YaHei",sans-serif;}
body::before {display:none!important;}
.wrap {max-width:1320px;}
.top .wrap {max-width:1440px;gap:18px;}
.top .top-contact {display:none;}
.top .logo {font-weight:650;letter-spacing:.01em;}
.top .logo svg {width:26px;height:26px;filter:none;}
.top .nav {gap:28px;}
.top .nav a {font-size:13px;letter-spacing:.02em;}
.top .btn.btn-sheen {border-radius:4px;background:#d6f1f1;color:#102125!important;box-shadow:none;border-color:#d6f1f1;}
.btn.btn-sheen::before {display:none!important;}
.top .btn.btn-sheen:hover {background:#e7ffff;}
.top .theme-toggle,.top .motion-toggle,.top .lang-btn {border:0;background:none;}
html[data-theme="dark"] .top {background:rgba(8,11,16,.94);box-shadow:none;border-color:var(--line);}

/* Split composition: editorial copy on the left, an independent 3D node on the right. */
#hero.h3d {height:clamp(720px,88svh,980px);min-height:720px;background:#080b10!important;border-bottom:1px solid var(--line);}
#hero::before {content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 50%,rgba(55,101,122,.11),transparent 52%);pointer-events:none;}
#h3dStage {left:42%;right:0;top:0;bottom:100px;width:58%;}
#h3dLabels,.h3d-frame,.s3d,.pal,.pal-bot {display:none!important;}
.h3d-hud {max-width:1384px;margin:auto;align-items:stretch;text-align:left;padding:76px 32px 30px;}
.h3d-head {align-items:flex-start;justify-content:center;width:51%;margin-block:auto;gap:26px;position:relative;z-index:2;padding-bottom:70px;}
.h3d-pill {font-family:var(--f-mono);border:0;border-left:2px solid var(--ice);border-radius:0;padding:2px 0 2px 12px;background:none;box-shadow:none;font-size:10px;letter-spacing:.11em;color:#7e99aa;gap:8px;}
.h3d-pill::before {display:none;}
.h3d-pill b {color:#a6beca;font-weight:500;}
#hero h1 {font-size:clamp(40px,3.65vw,62px);line-height:1.22;letter-spacing:-.035em;font-weight:600;text-align:left;color:#f2f5f8;text-wrap:nowrap;}
#hero h1 em {color:#9bd8dc;background:none;-webkit-text-fill-color:currentColor;}
#hero .h3d-sub {text-align:left;text-wrap:pretty;max-width:31em;font-size:16px;line-height:1.95;color:#97a7b8;}
.h3d-ctas {justify-content:flex-start;margin-top:7px;gap:26px;}
#hero .btn.btn-flow {min-height:50px;padding:0 24px;border-radius:4px;background:#d5eeee;color:#14282c!important;font-size:14px;box-shadow:none;}
#hero .btn.btn-flow::before,#hero .btn.btn-flow::after {display:none;}
#hero .btn.btn-flow:hover {background:#e8ffff;transform:translateY(-2px);}
.h3d-more {font-size:13px;color:#aabcc9;padding-bottom:5px;}
.h3d-base {position:relative;border-top:1px solid var(--line);padding-top:24px;grid-template-columns:auto 1fr auto;gap:28px;text-shadow:none;align-items:center;}
.h3d-mid {justify-items:center;}
.h3d-facts {font-size:12px;gap:5px 8px;}
.h3d-facts b {font-size:21px;color:#dceef1;}
.h3d-facts .h3d-dot {background:#7cb3b8;box-shadow:none;width:4px;height:4px;}
.h3d-foot {font-size:10px;gap:8px 16px;}
.h3d-cap {font-size:9px;letter-spacing:.06em;}
.h3d-cap.r::before {display:none;}

/* Replace framed chapters and scroll badges with a quiet, continuous editorial grid. */
.section-bridge {display:none!important;}
html[data-theme] main.journey-ready>.chapter-section,
html[data-theme] main.journey-ready>.chapter-section.chapter-alternate,
html[data-theme] main.journey-ready>.chapter-section.statement {
  margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;
  padding-block:96px;background:var(--bg);box-shadow:none;
}
html[data-theme] main.journey-ready>#machine,
html[data-theme] main.journey-ready>#plans,
html[data-theme] main.journey-ready>#faq {background:var(--bg-1);}
.h2 {font-size:clamp(30px,3vw,44px);line-height:1.35;letter-spacing:-.035em;font-weight:600;max-width:21em;}
.h2 .muted {color:var(--text);}
.kicker {font:10px var(--f-mono);letter-spacing:.16em;color:#85bac4;margin-bottom:20px;}
.lead {font-size:15px;line-height:1.9;max-width:47em;color:var(--text-2);}
.sx-body {display:none!important;}
.sx-copy {display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:start;}
html .sx-h.a {font-size:clamp(30px,3vw,44px)!important;line-height:1.35;max-width:18em;}
html .sx-h.b {font-size:16px!important;font-weight:400;line-height:1.9;max-width:34em;color:var(--text-2);padding-top:6px;}
.sx-h .grad,.sx-h .muted {color:inherit;background:none;-webkit-text-fill-color:currentColor;}
.trio {gap:0;margin-top:54px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.trio>div {padding:32px 28px;}
.trio>div:first-child {padding-left:0;}
.trio>div+div {border-left:1px solid var(--line);}
.trio .n {border:0;padding:0;font-size:10px;color:#648793;}
.trio h3 {font-size:20px;margin-top:12px;font-weight:500;}
.trio p {font-size:14px;line-height:1.9;margin-top:12px;max-width:28em;}
.disclaim {font-size:11px;line-height:1.8;max-width:70em;}

/* Hardware is a specification sheet, rather than a decorative application collage. */
#machine>.mh-stage {display:none;}
#machine .specs {margin-top:40px;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);background:rgba(8,11,16,.32);}
#machine .spec {padding:30px;text-align:left;border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-height:130px;}
#machine .spec:nth-child(3n) {border-right:0;}
#machine .spec:nth-last-child(-n+3) {border-bottom:0;}
#machine .spec b {font-size:32px;font-weight:500;letter-spacing:-.02em;}
#machine .spec:first-child b {font-size:25px;}
#machine .spec span {font-size:12px;color:var(--text-3);margin-top:10px;}
#machine .detail {margin-top:24px;font-size:14px;gap:0 60px;}
#machine .detail div {padding:16px 0;border-color:var(--line);}

/* Infrastructure: original engineering diagram and a concrete delivery checklist. */
.bm-infra-grid {display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;margin-top:42px;}
.bm-infra-diagram {margin:0;border:1px solid var(--line);padding:20px;background:linear-gradient(145deg,rgba(42,78,96,.1),transparent);}
.bm-infra-diagram svg {display:block;width:100%;height:auto;overflow:visible;}
.bm-infra-diagram figcaption {font:10px var(--f-mono);color:var(--text-3);padding:14px 0 0;border-top:1px solid var(--line);letter-spacing:.04em;}
.bm-infra-checks {display:grid;gap:0;}
.bm-infra-checks>div {padding:22px 0;border-bottom:1px solid var(--line);}
.bm-infra-checks>div:first-child {padding-top:0;}
.bm-infra-checks dt,.bm-infra-checks h3 {font-size:17px;font-weight:500;color:var(--text);margin:0 0 8px;}
.bm-infra-checks dd,.bm-infra-checks p {font-size:14px;line-height:1.85;color:var(--text-2);margin:0;}
.bm-infra-checks .n {font:10px var(--f-mono);color:var(--ice);margin-right:12px;}
.bm-infra .fine {margin-top:26px;font-size:11px;color:var(--text-3);}

/* Workflow capabilities use a compact two-column reading order. */
#features .feature-heading {font-size:clamp(30px,3vw,44px);}
#features .feature-orbit {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:none;gap:0 56px;margin-top:38px;max-width:none;}
#features .feature-orbit::before,#features .feature-machine,#features .feature-terminal,#features .feature-network-art {display:none!important;}
#features .feature-bottom {display:contents;}
#features .feature-node {grid-area:auto;max-width:none;min-width:0;text-align:left;border:0;border-top:1px solid var(--line);padding:28px 0 32px;align-self:stretch;}
#features .feature-node:first-child {grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:56px;}
#features .feature-node:first-child .feature-tag {grid-column:1;}
#features .feature-node:first-child h3 {grid-column:1;margin-top:10px;}
#features .feature-node:first-child p {grid-column:2;grid-row:1/3;align-self:center;}
#features .feature-tag {font-size:10px;letter-spacing:.08em;}
#features .feature-node h3 {font-size:23px;line-height:1.4;margin:13px 0 12px;font-weight:500;}
#features .feature-node p {font-size:14px;line-height:1.9;max-width:38em;}
#features .feature-tiers {margin-top:20px;font-size:11px;justify-content:flex-start;}

#relay .steps4 {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 48px;border:0;}
#relay .steps4 li {padding:24px 0 8px;border-top:1px solid var(--line);}
#relay .steps4::before,#relay .steps4::after,#relay .steps4 li::before,#relay .steps4 li::after,#relay .relay-halo {display:none!important;}
#relay .steps4 .who {font:10px var(--f-mono);color:var(--ice);}
#relay .steps4 h3 {font-size:21px;}
#relay .steps4 p {font-size:14px;max-width:34em;}
.acc summary {font-size:15px;line-height:1.65;padding-block:22px;}
.acc .ans {font-size:14px;line-height:1.9;}
#rules .h2 {font-size:30px;}
#rules .ctas .btn {border-radius:4px;font-size:13px;}
.finale .pal,.finale .s3d {display:none!important;}
html[data-theme] .finale {padding-block:76px!important;background:var(--bg-1);text-align:left;}
.finale h2 {font-size:clamp(32px,3.3vw,46px);line-height:1.3;color:var(--text);background:none;-webkit-text-fill-color:currentColor;}
.finale .grad {color:var(--ice);background:none;-webkit-text-fill-color:currentColor;}
.finale .lead {margin-left:0;}
.finale .ctas {justify-content:flex-start;}
.finale .btn {border-radius:4px;background:#d5eeee;color:#14282c!important;}
footer {padding-block:48px;}
html body .contact-float {border-radius:6px;right:20px;bottom:20px;}
html body .contact-float::before {border-radius:6px;background:rgba(13,20,29,.94);box-shadow:none;}
html body .contact-float .contact-float__btn svg {border-radius:4px;background:transparent;box-shadow:none;}
html body .contact-float .contact-float__btn span::after {display:none;}
.bm-contact-layout h2 {font-size:32px;}
#bm-request {border-radius:6px;background:var(--bg-1);box-shadow:none;}
#bm-request .btn {border-radius:4px;background:#d5eeee;}
html[data-theme="light"] #hero {background:#080b10!important;}
html[data-theme="light"] .bm-infra-diagram {background:#eef4f8;}

@media(min-width:1800px) {#h3dStage {left:46%;width:50%;}.h3d-head {width:52%;}}
@media(max-width:1100px) {
  .top .nav {gap:16px;}.top .wrap {gap:10px;}
  .h3d-hud {padding-inline:28px;}#hero h1 {font-size:40px;}
  #hero .h3d-sub {font-size:14px;}.h3d-base {grid-template-columns:1fr auto;}
  .h3d-cap.r {display:none;}.h3d-mid {justify-items:end;}.h3d-foot {font-size:9px;}
  .sx-copy {gap:36px;}.bm-infra-grid {gap:32px;}
  #features .feature-orbit {gap:0 32px;}
}
@media(max-width:820px) {
  #hero.h3d {height:850px;min-height:850px;}
  .h3d-hud {padding:44px 24px 26px;justify-content:space-between;}
  .h3d-head {width:100%;margin:0;gap:20px;padding:0;}
  #hero h1 {font-size:clamp(35px,6.5vw,48px);}
  #hero .h3d-sub {font-size:14px;line-height:1.85;max-width:36em;}
  #h3dStage {left:0;width:100%;top:290px;bottom:105px;}
  .h3d-base {grid-template-columns:1fr;padding-top:18px;gap:10px;}
  .h3d-mid {justify-items:start;}.h3d-cap {display:none;}
  .h3d-facts,.h3d-foot {justify-content:flex-start;}
  .h3d-foot {font-size:10px;}.h3d-facts {font-size:11px;}
  html[data-theme] main.journey-ready>.chapter-section {padding-block:60px;}
  .sx-copy {grid-template-columns:1fr;gap:20px;}
  .trio {grid-template-columns:1fr;margin-top:32px;}
  .trio>div,.trio>div:first-child {padding:24px 0;}
  .trio>div+div {border-left:0;border-top:1px solid var(--line);}
  .trio h3 {margin-top:8px;}.trio p {max-width:none;margin-top:8px;}
  #machine .specs {grid-template-columns:repeat(2,minmax(0,1fr));}
  #machine .spec {padding:24px;min-height:120px;}
  #machine .spec:nth-child(3n) {border-right:1px solid var(--line);}
  #machine .spec:nth-child(2n) {border-right:0;}
  #machine .spec:nth-last-child(-n+3) {border-bottom:1px solid var(--line);}
  #machine .spec:nth-last-child(-n+2) {border-bottom:0;}
  #machine .spec b {font-size:28px;}#machine .spec:first-child b {font-size:20px;}
  .bm-infra-grid {grid-template-columns:1fr;gap:30px;}
  #features .feature-orbit {grid-template-columns:1fr;}
  #features .feature-node:first-child {display:block;}
  #features .feature-node {padding:26px 0;}
  #relay .steps4 {grid-template-columns:1fr;gap:20px;}
}
@media(max-width:480px) {
  .top .logo {font-size:17px;}.top .logo svg {width:23px;height:23px;}
  .top .wrap {padding-inline:16px;gap:4px!important;}
  .top .theme-toggle {display:none;}.top .motion-toggle,.top .lang-btn {width:34px;}
  .top .btn {font-size:11px;padding-inline:10px;min-height:38px;}
  #hero.h3d {min-height:800px;height:800px;}
  .h3d-hud {padding:38px 22px 24px;}
  #hero h1 {font-size:33px;letter-spacing:-.04em;}
  .h3d-pill {font-size:8px;letter-spacing:.06em;}
  #hero .h3d-sub {font-size:13px;line-height:1.85;}
  .h3d-ctas {gap:22px;}.h3d-more {font-size:12px;}
  #h3dStage {top:300px;bottom:105px;}
  #hero .btn.btn-flow {min-height:45px;font-size:13px;padding-inline:20px;}
  .h3d-facts b {font-size:19px;}.h3d-foot {gap:6px 12px;font-size:9px;}
  .h3d-facts .h3d-dot {margin-left:3px;}
  .h2,html .sx-h.a,#features .feature-heading {font-size:29px!important;}
  html .sx-h.b {font-size:14px!important;}
  #machine .spec {padding:22px 16px;}#machine .spec:first-child b {font-size:18px;}
  #machine .spec span {font-size:10px;}
  .bm-infra-diagram {padding:12px;}.bm-infra-diagram figcaption {font-size:8px;}
  .bm-infra-checks dt {font-size:16px;}.bm-infra-checks dd {font-size:13px;}
  html body .contact-float {right:12px;bottom:12px;border-radius:5px;}
  html body .contact-float .contact-float__btn {width:34px!important;height:34px!important;}
  html body .contact-float .contact-float__btn svg {width:34px!important;height:34px!important;padding:8px;}
  .finale h2 {font-size:31px;}.finale .lead {font-size:14px;}
}

.bm-infra-nodes {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:-14px 0 24px;text-align:center;font-size:11px;color:var(--text-2);}
.bm-infra-checks dt span {font:10px var(--f-mono);margin-right:12px;color:var(--ice);}
@media(max-width:480px){.bm-infra-nodes{font-size:8px;gap:2px;margin-top:-8px;margin-bottom:20px;}}
@media(max-width:820px) {
  html[lang^="en"] #hero h1 {text-wrap:balance;max-width:100%;font-size:35px;}
  html[lang^="en"] #hero.h3d {height:950px;min-height:950px;}
  html[lang^="en"] #h3dStage {top:380px;}
}
@media(max-width:480px) {
  html[lang^="en"] #hero h1 {font-size:29px;}
  html[lang^="en"] #h3dStage {top:400px;}
}