/* dev-expert · anti-slop: P5 H5 E4 S5 R5 V5 */
:root{
  --e-ink:#111416;
  --e-dark:#090b0c;
  --e-panel:#111416;
  --e-panel-2:#181c1e;
  --e-paper:#e9ebeb;
  --e-white:#f8fafa;
  --e-silver:#c7cdce;
  --e-muted:#8b9495;
  --e-line:#34393b;
  --e-light-line:#c7cccc;
  --e-gradient-dark:linear-gradient(145deg,#171b1d 0%,#090b0c 70%);
  --e-gradient-battery:linear-gradient(90deg,#676f71 0%,#e6e9e9 100%);
  --e-gradient-scene:linear-gradient(180deg,rgba(9,11,12,.08),rgba(9,11,12,.78));
}
.embodied{background:var(--e-dark);color:var(--e-white);overflow:hidden}
.embodied .section-top p{color:var(--e-silver)}
.embodied-investment{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid var(--e-line);border-bottom:1px solid var(--e-line);padding:20px 0;margin:48px 0 28px;font-family:var(--mono);font-size:9px;letter-spacing:.08em}
.embodied-investment>span{color:var(--e-muted)}
.embodied-investment p{margin:0;color:var(--e-white);font-family:var(--font);font-size:14px;letter-spacing:0}
.embodied-product{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(360px,.82fr);border:1px solid var(--e-line);background:var(--e-panel);min-height:650px}
.robot-product-visual{position:relative;min-width:0;min-height:650px;margin:0;overflow:hidden;background:var(--e-silver)}
.robot-product-visual:after{content:"";position:absolute;inset:0;box-shadow:inset -1px 0 var(--e-line);pointer-events:none}
.robot-product-visual img{width:100%;height:100%;object-fit:cover;object-position:43% center;display:block;filter:saturate(.35) contrast(1.02)}
.robot-product-visual figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:16px;padding:15px 20px;background:rgba(9,11,12,.88);color:var(--e-silver);font-family:var(--mono);font-size:8px;letter-spacing:.08em;backdrop-filter:blur(12px)}
.robot-callout{position:absolute;display:flex;align-items:center;gap:9px;padding:8px 11px;background:rgba(248,250,250,.86);color:var(--e-ink);font-family:var(--mono);font-size:8px;letter-spacing:.05em;backdrop-filter:blur(12px);box-shadow:0 8px 30px rgba(9,11,12,.12)}
.robot-callout i{width:5px;height:5px;background:var(--e-ink);border-radius:50%}
.callout-pack{left:41%;top:37%}
.callout-dock{left:57%;bottom:19%}
.power-console{display:flex;flex-direction:column;padding:34px 32px 28px;background:var(--e-gradient-dark)}
.power-console-head{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--e-muted);font-family:var(--mono);font-size:8px;letter-spacing:.07em}
.concept-badge{display:inline-flex;width:max-content;align-items:center;border:1px solid currentColor;padding:6px 8px;color:var(--e-muted);font-family:var(--mono);font-size:8px;letter-spacing:.06em;white-space:nowrap}
.power-console h3{font-size:clamp(38px,4vw,62px);font-weight:500;letter-spacing:-.065em;line-height:1;margin:45px 0 18px}
.power-console-intro{color:var(--e-silver);font-size:13px;line-height:1.75;margin:0 0 28px}
.power-modes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--e-line);border-left:1px solid var(--e-line)}
.power-mode{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:14px 12px;border:0;border-right:1px solid var(--e-line);border-bottom:1px solid var(--e-line);background:transparent;color:var(--e-muted);text-align:left;cursor:pointer;transition:background .2s,color .2s}
.power-mode span{font-family:var(--mono);font-size:8px}
.power-mode b{font-size:12px;font-weight:500}
.power-mode.active{background:var(--e-white);color:var(--e-ink)}
.power-mode:hover:not(.active){background:var(--e-panel-2);color:var(--e-white)}
.power-mode-copy{padding:28px 0 24px;min-height:245px}
.power-mode-copy .mini-label{color:var(--e-muted)}
.power-mode-copy h4{font-size:22px;font-weight:500;line-height:1.25;letter-spacing:-.035em;margin:14px 0 12px}
.power-mode-copy p{color:var(--e-silver);font-size:12px;line-height:1.7;margin:0}
.power-mode-copy ul{list-style:none;padding:0;margin:16px 0 0;color:var(--e-silver);font-size:11px;line-height:1.8}
.power-mode-copy li:before{content:"—";margin-right:8px;color:var(--e-muted)}
.energy-chain{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:18px;border-top:1px solid var(--e-line);color:var(--e-muted);font-family:var(--mono);font-size:7px;white-space:nowrap}
.energy-chain i{height:1px;flex:1;background:var(--e-line)}
.energy-simulator{margin-top:28px;border:1px solid var(--e-line);padding:34px;background:var(--e-panel)}
.simulator-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.simulator-head h3{font-size:28px;font-weight:500;letter-spacing:-.04em;margin:12px 0 0}
.scenario-switch{display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0;border:1px solid var(--e-line)}
.scenario-button{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border:0;border-right:1px solid var(--e-line);background:transparent;color:var(--e-silver);cursor:pointer;font-size:12px;text-align:left}
.scenario-button:last-child{border-right:0}
.scenario-button small{font-family:var(--mono);font-size:9px;color:var(--e-muted)}
.scenario-button.active{background:var(--e-white);color:var(--e-ink)}
.scenario-button.active small{color:var(--e-ink)}
.simulator-grid{display:grid;grid-template-columns:.65fr 1fr 1.25fr;gap:38px;align-items:center}
.battery-instrument{text-align:center}
.battery-shell{position:relative;width:100%;height:88px;border:1px solid #606769;padding:7px;overflow:hidden}
.battery-shell:after{content:"";position:absolute;right:-6px;top:31px;width:5px;height:24px;background:#606769}
.battery-fill{height:100%;width:35%;background:var(--e-gradient-battery);transition:width .3s ease,background .3s ease}
.battery-shell strong{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--mono);font-size:25px;font-weight:500;color:var(--e-white);mix-blend-mode:difference}
.battery-instrument>span{display:block;margin-top:13px;color:var(--e-muted);font-family:var(--mono);font-size:8px;letter-spacing:.08em}
.battery-instrument.low .battery-fill{background:#8f7d6d}
.soc-control label{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--e-silver)}
.soc-control output{font-family:var(--mono);color:var(--e-white)}
.soc-control input{width:100%;margin:26px 0 12px;accent-color:var(--e-white);cursor:pointer}
.range-scale{display:flex;justify-content:space-between;color:var(--e-muted);font-family:var(--mono);font-size:8px}
.soc-control p{font-size:10px;line-height:1.6;color:var(--e-muted);margin:20px 0 0}
.sim-readouts{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--e-line);border-left:1px solid var(--e-line)}
.sim-readouts>div{padding:17px;border-right:1px solid var(--e-line);border-bottom:1px solid var(--e-line)}
.sim-readouts span{display:block;color:var(--e-muted);font-family:var(--mono);font-size:7px;letter-spacing:.05em;margin-bottom:11px}
.sim-readouts strong{font-family:var(--mono);font-size:20px;font-weight:400}
.sim-readouts .dispatch-readout{grid-column:1/-1}
.dispatch-readout strong{display:block;font-family:var(--font);font-size:13px;line-height:1.4}
.simulator-note{margin:26px 0 0;padding-top:18px;border-top:1px solid var(--e-line);color:var(--e-muted);font-size:10px;line-height:1.65}
.robot-system-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:1px solid var(--e-line);border-left:1px solid var(--e-line)}
.robot-system-grid article{display:flex;flex-direction:column;min-height:340px;padding:28px 24px;border-right:1px solid var(--e-line);border-bottom:1px solid var(--e-line)}
.robot-system-grid article>span,.space-system-grid article>span{font-family:var(--mono);font-size:8px;color:var(--e-muted);letter-spacing:.05em}
.robot-system-grid h3{font-size:21px;font-weight:500;line-height:1.25;letter-spacing:-.035em;margin:38px 0 17px}
.robot-system-grid p{font-size:12px;line-height:1.75;color:var(--e-silver);margin:0 0 30px}
.robot-system-grid small{margin-top:auto;font-family:var(--mono);font-size:7px;color:var(--e-muted);letter-spacing:.05em}
.benchmark{margin-top:80px;padding:36px;background:var(--e-white);color:var(--e-ink)}
.benchmark-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:30px}
.benchmark-head h3{font-size:32px;font-weight:500;letter-spacing:-.045em;margin:13px 0 0}
.benchmark-head>p{max-width:290px;margin:0;color:#596162;font-size:12px;line-height:1.65}
.benchmark-list{border-top:1px solid var(--e-light-line)}
.benchmark-list article{display:grid;grid-template-columns:1.1fr 1.8fr .9fr auto;gap:22px;align-items:center;padding:20px 0;border-bottom:1px solid var(--e-light-line)}
.benchmark-list strong{font-size:14px;font-weight:600}
.benchmark-list span{font-size:11px;color:#596162;line-height:1.5}
.benchmark-list b{font-family:var(--mono);font-size:12px;font-weight:500}
.benchmark-list a{font-family:var(--mono);font-size:8px;text-decoration:none;color:var(--e-ink);border-bottom:1px solid var(--e-ink);padding-bottom:4px}
.benchmark-list a:hover{color:#687071;border-color:#687071}
.benchmark-note{margin:20px 0 0;color:#687071;font-size:10px;line-height:1.65}
.spaces{background:var(--e-paper);color:var(--e-ink)}
.spaces-shell{display:grid;grid-template-columns:1.3fr .9fr;min-height:580px;border:1px solid var(--e-light-line)}
.spaces-scene{position:relative;overflow:hidden;min-height:580px;background:var(--e-panel)}
.spaces-scene:after{content:"";position:absolute;inset:0;background:var(--e-gradient-scene);pointer-events:none}
.spaces-scene>img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(.92)}
.space-switch{position:absolute;z-index:2;top:24px;left:24px;display:flex;background:rgba(248,250,250,.9);backdrop-filter:blur(12px)}
.space-button{border:0;border-right:1px solid var(--e-light-line);padding:12px 18px;background:transparent;color:var(--e-ink);font-family:var(--mono);font-size:9px;cursor:pointer}
.space-button:last-child{border-right:0}
.space-button.active{background:var(--e-ink);color:var(--e-white)}
.space-node{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;padding:8px 10px;background:rgba(9,11,12,.8);color:var(--e-white);font-family:var(--mono);font-size:8px;letter-spacing:.04em;backdrop-filter:blur(8px)}
.space-node i{width:5px;height:5px;border:1px solid var(--e-white);border-radius:50%}
.node-pv{top:24%;left:12%}.node-bess{top:44%;right:11%}.node-robot{bottom:26%;left:26%}.node-load{bottom:19%;right:13%}
.space-scene-caption{position:absolute;z-index:2;bottom:20px;left:24px;right:24px;color:var(--e-silver);font-family:var(--mono);font-size:8px;letter-spacing:.04em}
.spaces-copy{padding:44px 38px;background:var(--e-white);display:flex;flex-direction:column}
.spaces-copy h3{font-size:37px;font-weight:500;line-height:1.12;letter-spacing:-.05em;margin:44px 0 20px}
.spaces-copy>p{font-size:13px;line-height:1.75;color:#596162;margin:0}
.spaces-copy ul{list-style:none;padding:0;margin:32px 0;color:#3d4546;font-size:12px;line-height:2}
.spaces-copy li{border-bottom:1px solid var(--e-light-line);padding:7px 0}
.spaces-copy li:before{content:"↗";margin-right:10px;font-family:var(--mono)}
.space-protocols{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.space-protocols span{border:1px solid var(--e-light-line);padding:7px 9px;font-family:var(--mono);font-size:8px}
.space-system-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--e-light-line);margin-top:60px}
.space-system-grid article{padding:26px 24px 30px;border-top:1px solid var(--e-light-line);border-right:1px solid var(--e-light-line);border-bottom:1px solid var(--e-light-line);min-height:285px}
.space-system-grid h3{font-size:20px;line-height:1.3;font-weight:500;letter-spacing:-.035em;margin:35px 0 16px}
.space-system-grid p{font-size:12px;line-height:1.75;color:#596162;margin:0}
.mobile-nav{overflow-y:auto}
@media(max-width:1100px){
  .embodied-product{grid-template-columns:1fr}
  .robot-product-visual{min-height:580px}
  .power-console{min-height:580px}
  .power-console h3{margin-top:35px}
  .power-mode-copy{min-height:220px}
  .simulator-grid{grid-template-columns:.7fr 1.3fr}
  .sim-readouts{grid-column:1/-1}
  .robot-system-grid,.space-system-grid{grid-template-columns:repeat(2,1fr)}
  .spaces-shell{grid-template-columns:1fr}
  .spaces-scene{min-height:520px}
  .spaces-copy{min-height:470px}
}
@media(max-width:680px){
  .embodied-investment{align-items:flex-start;flex-direction:column;gap:12px;margin-top:34px}
  .embodied-product{min-height:0}
  .robot-product-visual{min-height:410px}
  .robot-product-visual img{object-position:38% center}
  .robot-product-visual figcaption{font-size:6px;padding:12px}
  .robot-callout{font-size:6px;padding:6px 8px}
  .callout-pack{left:35%;top:38%}.callout-dock{left:49%;bottom:20%}
  .power-console{padding:25px 20px;min-height:0}
  .power-console-head{font-size:7px}
  .power-console h3{font-size:43px;margin:34px 0 16px}
  .power-console-intro{font-size:12px}
  .power-mode{padding:12px 9px;gap:12px}
  .power-mode b{font-size:10px}
  .power-mode-copy{min-height:275px}
  .power-mode-copy h4{font-size:21px}
  .energy-chain{font-size:6px;gap:5px}
  .energy-simulator{padding:24px 18px}
  .simulator-head{flex-direction:column}
  .simulator-head h3{font-size:24px}
  .scenario-button{padding:12px 10px;flex-direction:column;align-items:flex-start;gap:6px;font-size:11px}
  .simulator-grid{grid-template-columns:1fr;gap:30px}
  .battery-shell{height:72px}
  .sim-readouts{grid-column:auto}
  .robot-system-grid,.space-system-grid{grid-template-columns:1fr;margin-top:50px}
  .robot-system-grid article{min-height:280px}
  .benchmark{padding:25px 18px;margin-top:50px}
  .benchmark-head{align-items:flex-start;flex-direction:column}
  .benchmark-head h3{font-size:27px}
  .benchmark-list article{grid-template-columns:1fr auto;gap:10px 16px;padding:18px 0}
  .benchmark-list article span{grid-column:1/-1;grid-row:2}
  .benchmark-list article b{grid-column:1;grid-row:3}
  .benchmark-list article a{grid-column:2;grid-row:3}
  .spaces-shell{min-height:0}
  .spaces-scene{min-height:430px}
  .space-switch{top:16px;left:16px}
  .space-button{padding:11px 12px;font-size:8px}
  .space-node{font-size:6px;padding:6px 8px}
  .node-pv{top:27%;left:8%}.node-bess{top:46%;right:7%}.node-robot{left:14%;bottom:27%}.node-load{right:8%;bottom:20%}
  .space-scene-caption{left:16px;right:16px;font-size:6px;line-height:1.7}
  .spaces-copy{padding:32px 24px;min-height:490px}
  .spaces-copy h3{font-size:33px;margin-top:34px}
}
@media(prefers-reduced-motion:reduce){.battery-fill{transition:none}}

/* Embodied battery-swap concept video (overlays the concept photo, which stays as poster/fallback) */
.robot-product-visual .robot-swap-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:43% center;display:block;filter:none;z-index:0}
.robot-product-visual figcaption,.robot-product-visual .robot-callout{z-index:2}
@media (max-width:680px){.robot-product-visual .robot-swap-video{object-position:38% center}}
@media (prefers-reduced-motion:reduce){.robot-product-visual .robot-swap-video{display:none}}