:root{--bg:#080b10;--text:#f3f4f5;--muted:#a5adb5;--lime:#d1ef72}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.skip{position:absolute;top:-50px}.skip:focus{top:10px;z-index:20;background:black;padding:10px}header{height:96px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13}.brand{display:flex;align-items:center;gap:12px;font-size:27px;letter-spacing:3px;font-weight:500}.brand img{width:30px;height:42px;object-fit:contain}.brand small{display:block;font-size:10px;letter-spacing:5px;margin-top:3px}nav{display:flex;gap:34px;font-size:14px;color:#c5c9ce}.contact{border:1px solid #4c5359;border-radius:30px;padding:11px 20px;font-size:13px}.hero{position:relative;min-height:760px;padding:105px 5.5% 100px;overflow:hidden;display:flex;align-items:center}.hero-copy{z-index:2;position:relative;width:66%}.eyebrow{letter-spacing:2px;font-size:12px;color:var(--lime);margin:0 0 35px}.hero h1{font-weight:500;font-size:clamp(44px,5.7vw,86px);letter-spacing:-3px;line-height:1.18;margin:0 0 32px}em{font-style:normal;color:var(--lime)}.lead{font-size:17px;line-height:1.95;color:var(--muted)}.actions{display:flex;gap:30px;align-items:center;margin-top:40px}.button{background:var(--lime);color:#151d09;border-radius:4px;padding:17px 23px;font-size:14px}.button span{margin-left:35px}.text-link{font-size:14px}.hero-bottom{position:absolute;bottom:35px;left:5.5%;right:5.5%;border-top:1px solid #ffffff20;padding-top:25px;display:flex;justify-content:space-between;font-size:11px;color:#929da5;letter-spacing:1px}.section{padding:105px 5.5%}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:0 9%;margin-bottom:55px}.section-head .eyebrow{grid-column:1/-1}h2{font-size:clamp(32px,3.3vw,50px);line-height:1.3;font-weight:500;letter-spacing:-1px;margin:0}h3{font-size:23px;font-weight:500;margin:0 0 16px}p{line-height:1.85}.section-head>p:last-child{color:var(--muted);align-self:end;margin:0;font-size:16px}.service{display:flex;gap:35px;border-top:1px solid #ffffff24;padding:30px 0;align-items:start}.service:last-child{border-bottom:1px solid #ffffff24}.num{color:#808b91;font-size:12px;padding-top:8px;width:40px}.service h3{margin-bottom:10px}.service p{margin:0 0 10px;color:#bec5ca}.service small{color:#7b888f;font-size:12px}.arrow{margin-left:auto;font-size:25px;color:var(--lime)}.light{background:#e9ece7;color:#17221e}.light .eyebrow{color:#4b6052}.light .section-head>p:last-child{color:#5b6961}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.products article{background:#f9faf6}.product-image{height:220px;overflow:hidden;background:#d8dfd7}.product-image img{width:100%;height:100%;object-fit:cover}.product-image.robot{background:#050505}.product-image.robot img{object-fit:contain}.product-copy{padding:26px}.badge{font-size:11px;border:1px solid #7b908566;border-radius:20px;padding:6px 12px;display:inline-block;margin-bottom:20px}.product-copy p{font-size:14px;color:#526057}.product-copy small{font-size:11px;color:#6a756e;line-height:1.8;display:block}.product-copy a{font-size:14px;border-bottom:1px solid;padding-bottom:4px}.proof{display:grid;grid-template-columns:1fr 1fr;gap:55px}.proof article{border-top:1px solid #ffffff24;padding-top:30px}.proof p,.proof li{font-size:15px;color:var(--muted);line-height:1.9}.proof small{font-size:11px;color:#89959d}.metrics{display:flex;gap:45px;margin:35px 0}.metrics strong{display:block;font-size:42px;font-weight:400;color:var(--lime)}.metrics small{display:block;margin-top:8px}.method{background:#131a1d}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:65px}.steps span{display:block;color:var(--lime);font-size:12px;margin-bottom:25px}.steps p{color:var(--muted);font-size:14px}.about{display:grid;grid-template-columns:1fr 1fr;gap:0 9%}.about>.eyebrow{grid-column:1/-1}.about>div{color:var(--muted)}.about p:first-child{margin-top:0}.contact-section{background:var(--lime);color:#17210c}.contact-section .eyebrow{color:#53622e}.contact-section p{font-size:15px}.address{display:flex;align-items:center;gap:30px;flex-wrap:wrap;border-top:1px solid #6e823c55;padding-top:30px;margin-top:55px;font-size:14px}.address strong{font-weight:500}.address button{background:none;border:1px solid #4b5b28;padding:12px 20px;border-radius:3px;color:#17210c}footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:40px 5.5%;font-size:11px;color:#98a4a7}footer .brand{font-size:19px}footer .brand small{font-size:10px;letter-spacing:1px}@media(max-width:800px){header{height:78px}nav{display:none}.hero{padding-top:75px;min-height:720px;align-items:start}.hero-copy{width:100%}.hero h1{letter-spacing:-1px}.lead{font-size:14px;max-width:90%}.hero-bottom{font-size:9px;gap:20px}.hero-bottom>span:nth-child(2){display:none}.section{padding:65px 6%}.section-head,.about{grid-template-columns:1fr;gap:25px}.section-head .eyebrow,.about>.eyebrow{margin-bottom:0}.products,.proof{grid-template-columns:1fr}.products{gap:28px}.product-image{height:240px}.steps{grid-template-columns:1fr 1fr;gap:30px}.service{gap:10px}.service h3{font-size:21px}.service small{line-height:1.9;display:block}.metrics{gap:30px}footer{flex-wrap:wrap}.address{gap:20px}h2{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Product gallery and brand motion — 2026-11-05 */
#products{background:#0e141b;color:#f3f4f5}#products .eyebrow{color:var(--lime)}#products .section-head>p:last-child{color:#9eacb8}.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.products article{background:linear-gradient(145deg,#1b2530,#111820);border:1px solid #ffffff12;border-radius:20px;overflow:hidden;transition:transform .3s,border-color .3s}.products article:hover{transform:translateY(-5px);border-color:#d1ef7255}.product-image{height:240px;margin:16px 16px 0;border-radius:12px;background:#202b32}.product-image img{transition:transform .6s}.products article:hover .product-image img{transform:scale(1.035)}.product-copy{padding:28px}.product-copy h3{font-size:29px;letter-spacing:-.5px}.product-copy p{color:#a9b6bf;font-size:14px}.product-copy small{color:#788a96;margin-top:18px}.product-copy .badge{color:#c6d4db;border-color:#ffffff26;font-size:11px}.product-copy a{display:inline-block;color:var(--lime);margin-top:14px}.products .jybot-feature{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;min-height:440px;background:radial-gradient(ellipse at 20% 40%,#29474580,transparent 55%),#121c24}.jybot-feature .product-copy{padding:60px 50px}.jybot-feature h3{font-size:56px;margin-bottom:8px;letter-spacing:2px}.jybot-feature h4{font-size:23px;font-weight:400;margin:0 0 22px}.jybot-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:350px;overflow:hidden}.jybot-visual img{position:relative;width:190px;height:190px;object-fit:contain;filter:drop-shadow(0 24px 45px #0008)}.jybot-visual>span{position:absolute;bottom:46px;font-size:10px;letter-spacing:5px;color:#8fa9ab}.bot-orbit{position:absolute;width:330px;height:330px;border:1px solid #b8d8ce28;border-radius:50%;box-shadow:0 0 0 42px #b8d8ce05,0 0 0 85px #b8d8ce03}.product-tags{display:flex;gap:8px;flex-wrap:wrap}.product-tags span{font-size:11px;color:#9eb9bb;padding:6px 10px;border:1px solid #ffffff17;border-radius:5px}
@media(max-width:800px){.products{grid-template-columns:1fr}.products .jybot-feature{grid-template-columns:1fr}.jybot-feature .product-copy{padding:28px}.jybot-visual{min-height:300px}.jybot-visual img{width:140px;height:140px}.bot-orbit{width:240px;height:240px}.jybot-visual>span{bottom:22px}.jybot-feature h3{font-size:44px}.product-image{height:220px}}
@media(prefers-reduced-motion:reduce){.products article,.product-image img{transition:none}}

/* Monumental brand field: fixed particle silhouette, travelling light. */
.hero {
  isolation: isolate;
  min-height: 790px;
  background: #080d12;
}
.hero-art {
  position: absolute;
  inset: 0;
  z-index: -2;
  overflow: hidden;
  pointer-events: none;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, #080d12 0%, #080d12ed 26%, #080d1294 48%, #080d1200 74%),
              linear-gradient(0deg, #080d12 0%, #080d1200 24%, #080d1200 85%, #080d1255 100%);
}
.brand-atmosphere {
  position: absolute;
  inset: -20%;
  background: radial-gradient(ellipse at 79% 42%, #51878b22, transparent 42%),
              radial-gradient(ellipse at 58% 78%, #b8cb7610, transparent 32%);
}
.brand-field {
  position: absolute;
  width: min(85vw, 1350px);
  height: 146%;
  right: -13%;
  top: -25%;
  -webkit-mask: url('/assets/symbol-particles-v1.svg') center / contain no-repeat;
  mask: url('/assets/symbol-particles-v1.svg') center / contain no-repeat;
  background: linear-gradient(135deg, #70979530 5%, #9baea752 45%, #b6cfb744 64%, #46788028);
}
.brand-light, .brand-glint {
  position: absolute;
  inset: -60%;
  will-change: transform;
}
.brand-light {
  background: linear-gradient(120deg, transparent 24%, #718f8d0d 34%, #9cc5bc88 43%, #dbecc6d9 48%, #a3c8c199 53%, transparent 64%);
  animation: brand-light-pass 14s cubic-bezier(.45, 0, .55, 1) infinite alternate;
}
.brand-glint {
  background: radial-gradient(ellipse at center, #e5f4d8aa 0%, #cee5df44 14%, transparent 38%);
  mix-blend-mode: screen;
  animation: brand-light-counterpass 19s ease-in-out infinite alternate;
  opacity: .65;
}
@keyframes brand-light-pass {
  from { transform: translate(-25%, -12%); }
  to { transform: translate(25%, 12%); }
}
@keyframes brand-light-counterpass {
  from { transform: translate(17%, -19%); opacity: .35; }
  to { transform: translate(-10%, 22%); opacity: .8; }
}
.hero-copy { width: 72%; }
.hero h1 { text-wrap: balance; }
.hero-bottom { z-index: 2; }
@media (min-width: 1600px) {
  .brand-field { right: -4%; }
}
@media (max-width: 800px) {
  .hero { min-height: 740px; padding-top: 82px; }
  .hero-copy { width: 100%; }
  .brand-field { width: 115%; height: 106%; right: -43%; top: 8%; opacity: .8; }
  .hero::before {
    background: linear-gradient(90deg, #080d12eb 0%, #080d12a6 47%, #080d1226 100%),
                linear-gradient(0deg, #080d12 0%, #080d1200 27%, #080d1277 75%, #080d12 100%);
  }
  .brand-light { animation-duration: 18s; }
}
@media (prefers-reduced-motion: reduce) {
  .brand-light, .brand-glint { animation: none; will-change: auto; }
  .brand-light { transform: translate(4%, 3%); }
}

/* A clearer, silver-green particle surface retains detail between light passes. */
.brand-field {
  background: linear-gradient(135deg, #9eb7b06b 5%, #c5d9cda6 45%, #c0d5b58f 64%, #7fa7a065);
}
.hero::before {
  background: linear-gradient(90deg, #080d12 0%, #080d12ef 24%, #080d1280 46%, #080d1200 69%),
              linear-gradient(0deg, #080d12 0%, #080d1200 19%, #080d1200 89%, #080d1233 100%);
}

/* Five disciplines, composed as an editorial field rather than numbered rows. */
#capabilities { background: #101716; }
.services {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid #b8cec522;
  background: #b8cec522;
}
.service, .service:last-child {
  position: relative;
  display: flex;
  align-items: flex-end;
  grid-column: span 4;
  min-height: 280px;
  padding: 38px;
  border: 0;
  overflow: hidden;
  background: #101917;
}
.service:nth-child(-n+2) { grid-column: span 6; min-height: 330px; }
.service:first-child { background: linear-gradient(140deg, #26372d, #14211c); }
.service:nth-child(2) { background: linear-gradient(140deg, #182a2a, #101f20); }
.service .num, .service .arrow { display: none; }
.service::before {
  position: absolute;
  top: 30px;
  left: 36px;
  font-size: clamp(28px, 3.1vw, 50px);
  line-height: 1;
  font-weight: 400;
  letter-spacing: -.04em;
  color: #b8d0bd35;
  pointer-events: none;
}
.service:nth-child(1)::before { content: 'Systems'; }
.service:nth-child(2)::before { content: 'Intelligence'; }
.service:nth-child(3)::before { content: 'Infrastructure'; font-size: clamp(23px, 2.4vw, 38px); }
.service:nth-child(4)::before { content: 'Creative'; }
.service:nth-child(5)::before { content: 'Robotics'; }
.service>div { position: relative; }
.service h3 { color: #eef3eb; font-size: 26px; font-weight: 400; letter-spacing: -.02em; margin-bottom: 15px; }
.service:nth-child(-n+2) h3 { font-size: 34px; }
.service p { font-size: 15px; color: #bfcdc5; line-height: 1.8; margin-bottom: 18px; }
.service small { display: block; color: #7f968a; line-height: 1.85; font-size: 11px; }

/* A full-width view of the actual system, framed like a quiet desktop window. */
.cockpit-stage {
  position: relative;
  margin: 0 0 70px;
  padding: 0;
  border: 1px solid #9aafc23b;
  border-radius: 12px;
  overflow: hidden;
  background: #111a27;
  box-shadow: 0 28px 80px #0007, 0 0 70px #477b9410;
}
.screen-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 12px 70px;
  border-bottom: 1px solid #ffffff12;
  color: #94a8ba;
  background: linear-gradient(180deg, #202d3c, #18222f);
  font-size: 11px;
  letter-spacing: 1.5px;
  line-height: 1.5;
  text-align: center;
}
.screen-bar::before {
  content: '';
  position: absolute;
  top: 19px;
  left: 20px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #729a9c;
  box-shadow: 12px 0 #556c7e, 24px 0 #3c5367;
}
.cockpit-stage>img { display: block; width: 100%; height: auto; }
.cockpit-stage figcaption { padding: 16px 22px; color: #96a9b7; font-size: 12px; line-height: 1.8; border-top: 1px solid #ffffff12; }

/* A monumental, textured closing panel carries the brand into the invitation. */
.contact-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 670px;
  padding-top: 110px;
  padding-bottom: 70px;
  color: #edf1e9;
  background: #15241e;
  border-top: 1px solid #829c7033;
}
.contact-section::before {
  content: '';
  position: absolute;
  z-index: -2;
  width: 69%;
  height: 145%;
  right: -13%;
  top: -21%;
  background: linear-gradient(125deg, #d1e9b29c, #8cae9355 55%, #d2edc2b0);
  -webkit-mask: url('/assets/symbol-particles-v1.svg') center / contain no-repeat;
  mask: url('/assets/symbol-particles-v1.svg') center / contain no-repeat;
  pointer-events: none;
}
.contact-section::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, #15241e 0%, #15241eea 29%, #15241e26 78%),
              linear-gradient(0deg, #15241e 0%, #15241e00 48%);
  pointer-events: none;
}
.contact-section .eyebrow { color: #b9cd9b; margin-bottom: 38px; }
.contact-section h2 { font-size: clamp(36px, 4.6vw, 70px); font-weight: 400; line-height: 1.35; letter-spacing: -.045em; max-width: 1000px; }
.contact-section>p:not(.eyebrow) { color: #9eafa3; margin-top: 30px; max-width: 550px; line-height: 1.9; }
.contact-section .address {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  column-gap: 35px;
  row-gap: 15px;
  align-items: center;
  margin-top: 80px;
  padding-top: 28px;
  border-top: 1px solid #c0d6af38;
  color: #e2eadd;
}
.address>span:first-child { color: #8fa38f; font-size: 12px; letter-spacing: 2px; }
.address strong { font-size: 16px; letter-spacing: .02em; }
.address button { background: #d1e5af; color: #182417; border: 1px solid #d1e5af; padding: 16px 25px; border-radius: 2px; }
#copy-status { grid-column: 1 / -1; color: #b8cca9; font-size: 12px; }
#copy-status:empty { display: none; }
@media (max-width: 1000px) {
  .service, .service:last-child { padding: 28px; }
  .service::before { left: 26px; }
  .service h3 { font-size: 23px; }
  .service:nth-child(-n+2) h3 { font-size: 29px; }
}
@media (max-width: 800px) {
  .hero::before {
    background: linear-gradient(90deg, #080d12eb 0%, #080d128c 47%, #080d121a 100%),
                linear-gradient(0deg, #080d12 0%, #080d1200 27%, #080d1277 75%, #080d12 100%);
  }
  .services { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service, .service:nth-child(-n+2), .service:last-child { grid-column: auto; min-height: 270px; padding: 25px; }
  .service:last-child { grid-column: 1 / -1; min-height: 240px; }
  .service::before { left: 24px; top: 25px; font-size: 28px; }
  .service:nth-child(3)::before { font-size: 23px; }
  .service h3, .service:nth-child(-n+2) h3 { font-size: 24px; }
  .service p { font-size: 14px; }
  .cockpit-stage { border-radius: 8px; margin-bottom: 45px; }
  .screen-bar { min-height: 36px; padding: 10px 50px; font-size: 9px; letter-spacing: .5px; }
  .screen-bar::before { top: 16px; left: 13px; width: 4px; height: 4px; box-shadow: 9px 0 #556c7e, 18px 0 #3c5367; }
  .contact-section { min-height: 660px; padding-top: 80px; padding-bottom: 60px; }
  .contact-section::before { width: 110%; height: 110%; right: -55%; top: 0; opacity: .65; }
  .contact-section::after { background: linear-gradient(90deg, #15241eeb, #15241e75), linear-gradient(0deg, #15241e, transparent 60%); }
  .contact-section .address { grid-template-columns: 1fr; gap: 18px; margin-top: 55px; }
  .address strong { font-size: 14px; line-height: 1.7; }
  .address button { justify-self: start; margin-top: 6px; }
}
@media (max-width: 520px) {
  .services { grid-template-columns: 1fr; }
  .service, .service:nth-child(-n+2), .service:last-child { min-height: 260px; padding: 30px; }
  .service::before { left: 29px; top: 28px; font-size: 37px; }
  .service:nth-child(3)::before { font-size: 33px; }
  .service small { font-size: 11px; }
}
#contact.contact-editorial{display:grid;grid-template-columns:1.05fr 1fr;padding:0;gap:0;background:#eeeee7;color:#172220;isolation:auto;min-height:650px}#contact.contact-editorial:before,#contact.contact-editorial:after{display:none}.contact-photo{position:relative;min-height:650px;overflow:hidden}.contact-photo img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:52% center}.contact-photo:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#05101ac9)}.contact-photo>span{position:absolute;z-index:1;bottom:35px;left:40px;font-size:11px;letter-spacing:3px;color:#fff}.contact-body{padding:70px 12%}.contact-editorial .eyebrow{color:#68735c;letter-spacing:2px}.contact-editorial h2{font-size:clamp(36px,4vw,58px);line-height:1.3;color:#172220;max-width:none}.contact-editorial .contact-body>p:not(.eyebrow){color:#65716c;font-size:15px;margin-top:25px}.contact-editorial .address{display:flex;align-items:flex-start;flex-direction:column;gap:16px;margin-top:35px;padding-top:25px;border-color:#25392b26;background:none}.contact-editorial .address span{color:#6e776c}.contact-editorial .address strong{color:#24372b;line-height:1.8;font-size:15px}.contact-editorial .address button{margin:5px 0 0;background:#233a30;color:#fff;border:0;padding:14px 24px}.contact-editorial #copy-status{min-height:18px}@media(max-width:800px){#contact.contact-editorial{grid-template-columns:1fr}.contact-photo{min-height:300px}.contact-body{padding:44px 7%}.contact-editorial h2{font-size:40px}}
.contact-finale{position:relative;overflow:hidden;padding:50px 5.5% 0;background:#101716;color:#eceee6;border-top:1px solid #b6c6b526}.finale-top{display:flex;justify-content:space-between;font-size:12px;color:#8b9b94;letter-spacing:2px}.finale-main{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;padding:70px 0 35px;position:relative;z-index:2}.finale-main h2{font-size:clamp(56px,6.8vw,100px);line-height:1.2;letter-spacing:-4px;font-weight:400}.finale-main h2 span{color:#cbd8ad}.finale-note{padding-top:8px;max-width:320px;justify-self:end;width:100%}.finale-note p{font-size:16px;color:#a6b3ab;margin:0 0 30px}.finale-address{display:flex;flex-direction:column;gap:10px;border-top:1px solid #c1cdb22b;padding-top:22px}.finale-address>span,.finale-address small{font-size:12px;color:#8b9b94}.finale-address strong{font-weight:400;font-size:17px}.finale-note button{margin-top:25px;border:1px solid #708071;background:none;border-radius:30px;color:#e1e7d8;padding:12px 23px;font-size:12px;transition:background .2s}.finale-note button:hover{background:#334136}.finale-note #copy-status{display:block;font-size:12px;margin-top:8px;color:#b4c49b;min-height:18px}.finale-signature{height:235px;position:relative;display:flex;align-items:flex-start;border-top:1px solid #a9ba9c1c;margin-top:20px}.finale-signature>span{font-size:clamp(150px,24vw,350px);font-weight:500;line-height:1;letter-spacing:-.055em;color:#bccbb3;opacity:.13;margin-left:-.015em}.finale-signature img{position:absolute;right:1%;top:-35px;height:290px;width:230px;object-fit:contain;opacity:.5;mask-image:linear-gradient(#000 60%,transparent)}@media(max-width:800px){.contact-finale{padding:35px 6% 0}.finale-top{font-size:10px;letter-spacing:0;gap:20px}.finale-main{grid-template-columns:1fr;gap:35px;padding-top:50px}.finale-main h2{font-size:58px;letter-spacing:-2px}.finale-note{justify-self:start;max-width:none}.finale-signature{height:130px}.finale-signature>span{font-size:27vw;margin-top:18px}.finale-signature img{height:160px;width:115px;right:-3%;top:0}}

/* Sharp vector particle field */
.brand-field{width:min(78vw,1200px);height:130%;right:-7%;top:-14%;background:linear-gradient(135deg,#a5c2bb99,#d6e4cfbb 58%,#769f9b88)}
@media(max-width:800px){.brand-field{width:115%;height:106%;right:-43%;top:8%}}
/* Glass navigation */
header nav{gap:9px;margin-left:auto}header nav a{position:relative;padding:12px 20px;border:1px solid transparent;border-radius:11px;color:#b9c4c4;isolation:isolate;transition:background .25s,border-color .25s,box-shadow .25s,color .25s,transform .25s}header nav a:hover,header nav a:focus-visible{color:#fff;background:linear-gradient(135deg,#ffffff1c,#d3e7e609);border-color:#ffffff30;box-shadow:inset 0 1px 0 #ffffff25,0 7px 22px #0003;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:translateY(-2px)}header nav a:active{transform:translateY(0);background:#ffffff20}header nav a:after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 35% 0%,#ffffff1a,transparent 65%);opacity:0;transition:opacity .25s;pointer-events:none}header nav a:hover:after{opacity:1}@media(max-width:800px){header{height:auto;min-height:78px;flex-wrap:wrap;padding-top:18px;padding-bottom:12px;gap:16px}header nav{display:flex;width:100%;justify-content:space-between;gap:0;margin:0}header nav a{padding:10px 9px;font-size:12px;border-radius:8px}}@media(prefers-reduced-motion:reduce){header nav a,header nav a:after{transition:none}header nav a:hover{transform:none}}

/* Interactive business scenes: five equal entries, one generous visual stage. */
#capabilities { background: #0c1217; }
.cap-explorer { --scene-accent: #d2e6b4; }
.cap-tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid #aec2c22b; border-bottom: 1px solid #aec2c22b; gap: 0; }
.cap-tab { position: relative; min-height: 78px; padding: 18px 10px; border: 0; background: transparent; color: #8f9fa5; font-size: 15px; text-align: center; transition: color .2s, background .2s; }
.cap-tab::after { content: ''; position: absolute; bottom: -1px; height: 2px; left: 24px; right: 24px; background: transparent; transition: background .2s; }
.cap-tab:hover { color: #f0f5e9; background: #a9c9ba08; }
.cap-tab[aria-selected="true"] { color: #d2e6b4; background: linear-gradient(0deg, #b9d3a412, transparent); }
.cap-tab[aria-selected="true"]::after { background: #d2e6b4; }
.cap-tab:focus-visible { outline-offset: -5px; }
.cap-panel { display: grid; grid-template-columns: .78fr 1.22fr; min-height: 510px; align-items: center; gap: 25px; padding: 52px 0 38px; }
.cap-panel[hidden] { display: none; }
.cap-story { padding: 20px 25px 20px 0; }
.cap-kicker { font-size: 10px; letter-spacing: 2px; color: #809b9b; display: block; margin-bottom: 30px; }
.cap-story h3 { max-width: 390px; font-size: clamp(28px, 3vw, 44px); font-weight: 400; line-height: 1.45; letter-spacing: -.04em; margin-bottom: 22px; text-wrap: balance; }
.cap-story p { max-width: 380px; color: #a6b3b9; font-size: 15px; line-height: 1.95; margin: 0 0 28px; }
.cap-story small { display: block; max-width: 380px; font-size: 11px; color: #748d90; line-height: 2; }
.cap-visual { position: relative; align-self: stretch; display: flex; align-items: center; min-width: 0; border-radius: 3px; background: radial-gradient(ellipse at 55% 44%, #263e3b80, #14232544 55%, transparent 80%); }
.cap-visual::before { content: ''; position: absolute; inset: 10%; pointer-events: none; background-image: radial-gradient(#9ebcb524 .6px, transparent .6px); background-size: 18px 18px; -webkit-mask-image: radial-gradient(ellipse, #000, transparent 70%); mask-image: radial-gradient(ellipse, #000, transparent 70%); }
.cap-visual svg { position: relative; width: 100%; height: auto; overflow: visible; font-family: inherit; }
.cap-scene-label { position: absolute; right: 16px; bottom: 6px; font-size: 10px; color: #718985; letter-spacing: 1px; }
.cap-visual .node-box { fill: #18282c; stroke: #78998d55; stroke-width: 1; }
.cap-visual .node-accent { fill: #2c4037; stroke: #d3e7b980; stroke-width: 1; }
.cap-visual .node-title { fill: #d7e4da; font-size: 15px; font-weight: 400; }
.cap-visual .node-detail { fill: #7f9d98; font-size: 10px; }
.cap-visual .scene-note { fill: #8da59d; font-size: 11px; letter-spacing: 1px; }
.cap-visual .scene-wire { fill: none; stroke: #a7c3ab; stroke-width: 1; stroke-dasharray: 3 7; opacity: .65; }
.cap-visual .node-rule { fill: none; stroke: #b8d4b36b; stroke-width: 1; }
.cap-visual .signal-dot { fill: #d9edb8; }
.cap-visual .ai-core { fill: #c7dfaa; stroke: #e0eec9; stroke-width: 1; }
.cap-visual .rack-unit { fill: #172e29; stroke: #95b69b44; }
.cap-visual .timeline-head { stroke: #d5e8b6; stroke-width: 3; }
.cap-visual .robot-shell { fill: #c4d5be; stroke: #e6eddf; stroke-width: 1; }
.cap-visual .robot-face { fill: #152e2d; }
.cap-visual .robot-eyes { stroke: #cdeeb2; stroke-width: 7; stroke-linecap: round; }
.cap-visual .robot-smile { fill: none; stroke: #cdeeb2; stroke-width: 2; stroke-linecap: round; }
.cap-footer { border-top: 1px solid #aec2c222; padding-top: 22px; display: flex; justify-content: space-between; gap: 20px; font-size: 11px; color: #738589; line-height: 1.8; }
.cap-footer>span:first-child { color: #a4b5b3; }
.is-interactive.scenes-in-view .cap-panel:not([hidden]) .cap-story { animation: cap-story-in .5s both; }
.is-interactive.scenes-in-view .cap-panel:not([hidden]) svg { animation: cap-scene-in .75s both; }
.is-interactive.scenes-in-view .cap-panel:not([hidden]) .scene-wire { animation: cap-flow 4s linear; }
.is-interactive.scenes-in-view .cap-panel:not([hidden]) .signal-dot { animation: cap-signal 1.4s ease-in-out 3; }
.is-interactive.scenes-in-view .cap-panel:not([hidden]) .timeline-head { animation: cap-edit 4s ease-in-out; }
@keyframes cap-story-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes cap-scene-in { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes cap-flow { from { stroke-dashoffset: 60; } to { stroke-dashoffset: 0; } }
@keyframes cap-signal { 0%,100% { opacity: 1; } 50% { opacity: .25; } }
@keyframes cap-edit { 0% { transform: translateX(-245px); } 100% { transform: translateX(0); } }
.section-awaiting { opacity: 0; transform: translateY(20px); transition: opacity .75s ease, transform .75s ease; }
.section-awaiting.section-arrived { opacity: 1; transform: translateY(0); }
@media (max-width: 1000px) {
  .cap-panel { grid-template-columns: .8fr 1.2fr; gap: 0; }
  .cap-tab { font-size: 13px; }
  .cap-story h3 { font-size: 31px; }
}
@media (max-width: 800px) {
  .cap-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cap-tab { min-height: 60px; font-size: 13px; padding: 14px 4px; }
  .cap-tab::after { left: 12px; right: 12px; }
  .cap-panel { grid-template-columns: 1fr; min-height: 0; gap: 8px; padding: 35px 0 28px; }
  .cap-story { padding: 0; }
  .cap-kicker { margin-bottom: 18px; font-size: 9px; }
  .cap-story h3 { max-width: 100%; font-size: 31px; margin-bottom: 15px; }
  .cap-story p { max-width: 100%; font-size: 14px; margin-bottom: 15px; }
  .cap-story small { max-width: 100%; }
  .cap-visual { min-height: 250px; margin: 0 -10px; padding: 15px 0 24px; }
  .cap-visual svg { min-height: 220px; }
  .cap-footer { flex-direction: column; gap: 6px; font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .is-interactive.scenes-in-view .cap-panel:not([hidden]) .cap-story,
  .is-interactive.scenes-in-view .cap-panel:not([hidden]) svg,
  .is-interactive.scenes-in-view .cap-panel:not([hidden]) .scene-wire,
  .is-interactive.scenes-in-view .cap-panel:not([hidden]) .signal-dot,
  .is-interactive.scenes-in-view .cap-panel:not([hidden]) .timeline-head { animation: none; }
  .cap-tab, .cap-tab::after { transition: none; }
  .section-awaiting { opacity: 1; transform: none; transition: none; }
}
/* Real particle motion and shallow perspective */
.brand-field.particle-ready{mask:none;-webkit-mask:none;background:none}.particle-ready .brand-light,.particle-ready .brand-glint{display:none}.particle-volume{position:absolute;inset:0;display:block;pointer-events:none}.hero:before{background:linear-gradient(90deg,#080d12 0%,#080d12dd 25%,#080d1244 49%,transparent 75%),linear-gradient(0deg,#080d12,transparent 22%)}@media(max-width:800px){.hero:before{background:linear-gradient(90deg,#080d12ed,#080d1280 55%,#080d1211),linear-gradient(0deg,#080d12,transparent 25%,#080d1277 80%)}}
/* Match the Chinese wordmark to the English wordmark width. */
header .brand>span{display:block;width:103px;line-height:1.1;letter-spacing:3px}header .brand small{width:100%;font-size:10px;letter-spacing:0;text-align:justify;text-align-last:justify;margin-top:8px;line-height:1.2}