:root {
  --ink: #0a0a0a;
  --paper: #f4f4ef;
  --white: #fff;
  --muted: #777872;
  --line: rgba(10, 10, 10, .16);
  --acid: #d7ff3f;
  --header-h: 82px;
  --header-control-h: 48px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, "PingFang SC", "Microsoft YaHei", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
h1, h2, h3 { text-wrap: balance; }
p { text-wrap: balance; word-break: auto-phrase; }
h1:has(> br), h2:has(> br) { white-space: nowrap; }
html[lang="en"] h1:has(> br),html[lang="en"] h2:has(> br){white-space:normal}

.site-header { position: fixed; inset: 0 0 auto 0; height: var(--header-h); z-index: 20; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 clamp(24px, 4vw, 72px); border-bottom: 1px solid rgba(255,255,255,.14); color: var(--white); transition: .3s ease; }
.site-header.scrolled { height: 68px; color: var(--ink); background: rgba(244,244,239,.94); border-color: var(--line); backdrop-filter: blur(18px); }
.brand { justify-self: start; display: flex; align-items: center; gap: 11px; }
.brand-mark { display: block; flex: 0 0 auto; width: 40px; height: 40px; }
.brand-mark img { display: block; width: 100%; height: 100%; }
.brand > span:last-child { display: grid; line-height: 1; gap: 4px; }
.brand b { font-size: 16px; letter-spacing: .12em; }
.brand small { font-size: 7px; letter-spacing: .18em; opacity: .65; }
.desktop-nav { height:100%;display: flex; align-items: center; gap:0; font-size: 13px; }
.desktop-nav > a,.nav-group > a { position: relative; display:flex;align-items:center;height:100%;min-width:48px;padding:0 clamp(11px,1vw,18px);opacity:.72;transition:opacity .18s ease,background-color .18s ease; }
.desktop-nav > a:hover,.nav-group > a:hover,.nav-group:hover > a,.desktop-nav a.active { opacity: 1;background:rgba(255,255,255,.08); }
.site-header.scrolled .desktop-nav > a:hover,.site-header.scrolled .nav-group > a:hover,.site-header.scrolled .nav-group:hover > a,.site-header.scrolled .desktop-nav a.active{background:rgba(10,10,10,.055)}
.desktop-nav > a.active::after,.nav-group > a.active::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--acid); }
.site-header.scrolled .desktop-nav a.active::after { background: var(--ink); }
.nav-group{height:100%;display:flex;align-items:center}.mega-menu{position:fixed;z-index:19;top:var(--header-h);left:0;right:0;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px);color:var(--ink);background:rgba(244,244,239,.98);border-top:1px solid var(--line);border-bottom:1px solid var(--ink);box-shadow:0 24px 50px rgba(0,0,0,.16);transition:opacity .18s ease,transform .18s ease,visibility .18s}.site-header.scrolled .mega-menu{top:68px}.nav-group:hover .mega-menu,.nav-group:focus-within .mega-menu{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
.mega-menu-inner{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,3.3fr);gap:clamp(28px,4vw,72px);max-width:1680px;margin:0 auto;padding:30px clamp(24px,5vw,82px) 34px}.mega-menu-intro{display:grid;align-content:start;padding-right:30px;border-right:1px solid var(--line)}.mega-menu-intro small{color:var(--muted);font:9px/1 monospace;letter-spacing:.14em}.mega-menu-intro b{margin-top:14px;font-size:27px;letter-spacing:-.04em}.mega-menu-intro p{max-width:280px;margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.mega-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--ink);border:1px solid var(--ink)}.mega-links.mega-links-five{grid-template-columns:repeat(5,minmax(0,1fr))}.mega-links a{min-height:118px;display:grid;grid-template-columns:auto 1fr;align-content:start;gap:9px 13px;padding:17px;background:var(--white);opacity:1}.mega-links a:hover,.mega-links a:focus-visible{background:var(--acid);outline:0}.mega-links span{grid-row:1/3;color:var(--muted);font:8px/1 monospace}.mega-links b{font-size:13px}.mega-links small{color:var(--muted);font-size:9px;line-height:1.55}
.nav-cta { justify-self: end; display: flex; align-items: center; gap: 28px; min-width: 145px; height: var(--header-control-h); padding: 0 14px 0 18px; border: 1px solid currentColor; font-size: 12px; }
.nav-cta span { font-size: 16px; }
.language-switcher{position:relative}.language-trigger{height:var(--header-control-h);display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid currentColor;background:transparent;color:inherit;font-size:10px;cursor:pointer}.language-trigger i{margin-left:2px;font-size:11px;font-style:normal;transition:transform .18s}.language-switcher.open .language-trigger i{transform:rotate(180deg)}.language-flag{font-size:15px;line-height:1}.language-menu{position:absolute;z-index:30;top:calc(100% + 9px);right:0;width:210px;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-7px);padding:7px;color:var(--ink);background:var(--white);border:1px solid var(--ink);box-shadow:0 16px 40px rgba(0,0,0,.22);transition:.18s}.language-switcher.open .language-menu{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.language-menu button{width:100%;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding:11px 10px;border:0;background:transparent;text-align:left;cursor:pointer}.language-menu button:hover,.language-menu button[aria-selected="true"]{background:var(--acid)}.language-menu button>span{font-size:17px}.language-menu b{font-size:11px}.language-menu small{color:var(--muted);font:8px/1 monospace}

.hero { position: relative; min-height: 100svh; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(420px,.92fr); align-items: center; gap: 6vw; overflow: hidden; padding: calc(var(--header-h) + 70px) clamp(24px, 6vw, 112px) 70px; color: var(--white); background: var(--ink); }
.hero::before { content: ""; position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.12) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(90deg, #000, transparent 72%); }
.hero-copy, .hero-visual { position: relative; z-index: 1; }
.eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 32px; color: #c5c5be; font: 700 11px/1 monospace; letter-spacing: .16em; }
.eyebrow span { width: 30px; height: 2px; background: var(--acid); }
.hero h1 { max-width: 780px; margin: 0; font-size: clamp(64px, 7.2vw, 126px); line-height: .9; letter-spacing: -.075em; font-weight: 800; }
.hero h1 em { color: var(--acid); font-style: normal; }
.hero-lead { max-width: 640px; margin: 38px 0 0; color: #babbb4; font-size: clamp(16px, 1.3vw, 20px); line-height: 1.9; }
.hero-actions { display: flex; align-items: center; gap: 42px; margin-top: 42px; }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 70px; min-height: 58px; padding: 0 20px 0 24px; font-size: 13px; font-weight: 700; }
.button-primary { color: var(--ink); background: var(--acid); }
.button span { font-size: 20px; transition: transform .2s; }
.button:hover span { transform: translateX(5px); }
.text-link { display: inline-flex; gap: 14px; align-items: center; padding: 10px 0; border-bottom: 1px solid #63645e; font-size: 13px; }
.hero-meta { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 670px; margin-top: 68px; border-top: 1px solid #353630; }
.hero-meta div { display: grid; gap: 6px; padding: 18px 18px 0 0; }
.hero-meta strong { font: 700 18px/1 monospace; }
.hero-meta span { color: #797a74; font-size: 11px; }

.hero-visual { min-height: 610px; display: grid; grid-template-rows: auto 1fr auto auto; padding: 24px; border: 1px solid #3f403b; background: rgba(18,18,17,.86); box-shadow: 34px 34px 0 rgba(215,255,63,.06); }
.visual-topline { display: flex; justify-content: space-between; color: #73746e; font: 10px/1 monospace; letter-spacing: .12em; }
.online { color: var(--acid); }
.online i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 5px rgba(215,255,63,.09); }
.core-orbit { position: relative; display: grid; place-items: center; min-height: 360px; }
.core { position: relative; z-index: 2; display: grid; place-items: center; width: 178px; aspect-ratio: 1; border: 1px solid #666760; border-radius: 50%; background: #121211; box-shadow: 0 0 80px rgba(215,255,63,.08); }
.core::after { content: ""; position: absolute; inset: 12px; border: 1px dashed #343530; border-radius: 50%; }
.core small, .core span { color: #686963; font: 10px/1 monospace; }
.core b { color: var(--acid); font: 700 38px/1 monospace; letter-spacing: -.06em; }
.orbit { position: absolute; border: 1px solid #30312d; border-radius: 50%; }
.orbit-a { width: 280px; height: 280px; }
.orbit-b { width: 390px; height: 390px; border-style: dashed; animation: spin 30s linear infinite; }
.node { position: absolute; z-index: 3; display: grid; place-items: center; width: 43px; height: 28px; color: #999a94; border: 1px solid #50514b; background: #121211; font: 9px/1 monospace; }
.node-a { top: 16%; right: 18%; }.node-b { bottom: 16%; left: 14%; }.node-c { right: 8%; bottom: 29%; color: var(--acid); border-color: var(--acid); }
.visual-stats { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #343530; }
.visual-stats div { display: grid; gap: 16px; padding: 20px 4px; }
.visual-stats div + div { padding-left: 24px; border-left: 1px solid #343530; }
.visual-stats span { color: #777872; font-size: 10px; }
.visual-stats b { font: 600 32px/1 monospace; }.visual-stats small { font-size: 12px; color: #777872; }
.signal-row { height: 30px; display: flex; align-items: end; gap: 5px; }
.signal-row i { flex: 1; height: 20%; background: var(--acid); opacity: .55; animation: signal 2.2s ease-in-out infinite alternate; }
.signal-row i:nth-child(3n) { height: 70%; animation-delay: -.7s; }.signal-row i:nth-child(4n) { height: 45%; animation-delay: -1.2s; }.signal-row i:nth-child(5n) { height: 90%; }
.scroll-cue { position: absolute; z-index: 2; right: 20px; bottom: 36px; display: flex; align-items: center; gap: 14px; transform: rotate(90deg); transform-origin: right bottom; color: #666761; font: 9px/1 monospace; letter-spacing: .12em; }
.scroll-cue i { display: block; width: 38px; height: 1px; background: #666761; }

.stack-strip { min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px clamp(24px,6vw,112px); color: var(--ink); border-bottom: 1px solid var(--line); background: var(--acid); font: 700 11px/1.4 monospace; letter-spacing: .06em; }
.stack-strip i { font-style: normal; font-size: 20px; }.stack-strip strong { font-size: 13px; }

.section { padding: 130px clamp(24px,6vw,112px); }
.section-kicker { margin-bottom: 46px; font: 700 11px/1 monospace; letter-spacing: .14em; }
.section-heading { display: grid; grid-template-columns: 1.3fr .7fr; align-items: end; gap: 60px; }
.section-heading h2 { margin: 0; font-size: clamp(48px,6vw,98px); line-height: .95; letter-spacing: -.065em; }
.section-heading p { max-width: 460px; margin: 0 0 8px; color: var(--muted); line-height: 1.9; }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes signal { to { height: 95%; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*::before,*::after { animation-duration: .01ms !important; } }
@media (max-width: 1200px) {
  :root { --header-control-h: 44px; }
  .desktop-nav { display: none; }
  .site-header { grid-template-columns: 1fr 1fr; }
  .hero { grid-template-columns: 1fr; padding-top: 150px; }
  .hero-visual { min-height: 540px; }
}
@media (max-width: 680px) {
  :root { --header-h: 70px; }
  .site-header { padding-inline: 18px; }.nav-cta { min-width: auto; gap: 8px; padding: 11px 12px; }.nav-cta span { display:none; }
  .hero { display: block; padding: 130px 20px 70px; }.hero h1 { font-size: clamp(58px,18vw,84px); }.hero-lead { font-size: 15px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 22px; }.button { width: 100%; }
  .hero-meta { margin-top: 52px; }.hero-meta div { padding-right: 8px; }.hero-meta span { font-size: 9px; }
  .hero-visual { min-height: 480px; margin-top: 70px; padding: 18px; }.core-orbit { min-height: 310px; }.orbit-b { width: 300px; height:300px; }.orbit-a { width:230px;height:230px; }.core { width: 148px; }.scroll-cue { display:none; }
  .stack-strip { overflow: hidden; justify-content: flex-start; white-space: nowrap; }.stack-strip span:nth-of-type(n+3),.stack-strip i:nth-of-type(n+2) { display:none; }
  .section { padding: 90px 20px; }.section-heading { grid-template-columns: 1fr; gap: 28px; }.section-heading h2 { font-size: 52px; }
}

/* Complete site */
body { overflow-x: hidden; }
body.menu-open { overflow: hidden; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
img { max-width: 100%; }
section[id] { scroll-margin-top: 68px; }
::selection { color: var(--ink); background: var(--acid); }
.skip-link { position: fixed; z-index: 100; top: 12px; left: 12px; transform: translateY(-160%); padding: 12px 16px; color: var(--ink); background: var(--acid); font-weight: 700; transition: transform .2s; }
.skip-link:focus { transform: translateY(0); }
.page-progress { position: fixed; z-index: 60; inset: 0 0 auto; height: 2px; pointer-events: none; }
.page-progress i { display: block; width: 0; height: 100%; background: var(--acid); }
.header-actions { justify-self: end; display: flex; align-items: center; gap: 12px; }
.menu-toggle { display: none; width: 44px; height: 44px; padding: 0 11px; border: 1px solid currentColor; background: transparent; cursor: pointer; }
.menu-toggle i { display: block; width: 100%; height: 1px; background: currentColor; transition: transform .25s, margin .25s; }
.menu-toggle i + i { margin-top: 7px; }
.menu-toggle[aria-expanded="true"] i:first-child { margin-top: 7px; transform: rotate(45deg); }
.menu-toggle[aria-expanded="true"] i:last-child { margin-top: -1px; transform: rotate(-45deg); }
.mobile-menu { position: fixed; z-index: 18; inset: 0; visibility: hidden; opacity: 0; padding: 120px clamp(24px,8vw,90px) 50px; color: var(--white); background: var(--ink); transition: opacity .25s, visibility .25s; }
.mobile-menu.open { visibility: visible; opacity: 1; }
.mobile-menu-count { margin-bottom: 28px; color: #686963; font: 10px/1 monospace; }
.mobile-menu nav { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #33342f; }
.mobile-menu a { display: flex; gap: 30px; align-items: center; padding: 20px 0; border-bottom: 1px solid #33342f; font-size: clamp(20px,4vw,38px); font-weight: 700; letter-spacing: -.04em; }
.mobile-menu a:nth-child(odd) { padding-right: 30px; }
.mobile-menu a:nth-child(even) { padding-left: 30px; border-left: 1px solid #33342f; }
.mobile-menu a span { color: var(--acid); font: 9px/1 monospace; }
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .65s ease, transform .65s ease; }
.reveal.in-view { opacity: 1; transform: translateY(0); }

.products-section { background: var(--paper); }
.product-tabs { display: flex; gap: 0; margin-top: 76px; border-bottom: 1px solid var(--ink); }
.product-tab { position: relative; min-width: 220px; padding: 18px 22px; border: 0; border-right: 1px solid var(--line); background: transparent; text-align: left; font-size: 15px; font-weight: 700; cursor: pointer; }
.product-tab span { margin-left: 32px; color: var(--muted); font: 10px/1 monospace; }
.product-tab::after { content: ""; position: absolute; inset: auto 0 -1px; height: 4px; transform: scaleX(0); transform-origin: left; background: var(--acid); transition: transform .25s; }
.product-tab.active { color: var(--white); background: var(--ink); }
.product-tab.active::after { transform: scaleX(1); }
.product-panel { padding-top: 38px; }
.system-feature { display: grid; grid-template-columns: minmax(0,1fr) minmax(440px,.9fr); min-height: 700px; color: var(--white); background: var(--ink); }
.system-copy { display: flex; flex-direction: column; padding: clamp(34px,5vw,78px); }
.product-label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 80px; color: #777872; font: 10px/1 monospace; letter-spacing: .1em; }
.product-label i { padding: 7px 9px; color: var(--ink); background: var(--acid); font-style: normal; }
.system-copy h3 { margin: 0; font-size: clamp(44px,5vw,82px); line-height: .95; letter-spacing: -.06em; }
.system-intro { max-width: 690px; margin: 30px 0 46px; color: #aaa; font-size: 17px; line-height: 1.9; }
.feature-list { border-top: 1px solid #353630; }
.feature-list > div { display: grid; grid-template-columns: 44px 1fr; gap: 16px; padding: 20px 0; border-bottom: 1px solid #353630; }
.feature-list b { color: var(--acid); font: 10px/1 monospace; }
.feature-list p { display: grid; grid-template-columns: minmax(130px,.6fr) 1.4fr; gap: 30px; margin: 0; }
.feature-list strong { font-size: 13px; }
.feature-list span { color: #85867f; font-size: 13px; line-height: 1.65; }
.deployment { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: auto; padding-top: 42px; }
.deployment small { margin-right: 8px; color: #74756f; font: 9px/1 monospace; letter-spacing: .12em; }
.deployment span { padding: 10px 14px; border: 1px solid #4a4b46; font-size: 11px; }
.system-screen { display: flex; flex-direction: column; margin: 54px 54px 54px 0; border: 1px solid #44453f; background: #161615; box-shadow: 20px 20px 0 rgba(215,255,63,.06); }
.screen-bar { height: 56px; display: flex; align-items: center; padding: 0 20px; border-bottom: 1px solid #33342f; color: #a3a49d; font: 10px/1 monospace; }
.screen-bar span { margin-right: auto; }.screen-bar i { width: 6px; height: 6px; margin-left: 6px; border-radius: 50%; background: #4c4d48; }.screen-bar i:first-of-type { background: var(--acid); }
.screen-body { flex: 1; display: grid; grid-template-columns: 55px 1fr; }
.screen-sidebar { display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 24px; border-right: 1px solid #33342f; }
.screen-sidebar i { width: 17px; height: 17px; border: 1px solid #555650; }.screen-sidebar i.on { background: var(--acid); border-color: var(--acid); }
.screen-main { display: flex; flex-direction: column; padding: 25px; overflow: hidden; }
.screen-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.screen-metrics span { display: grid; gap: 12px; padding: 15px; border: 1px solid #363732; }.screen-metrics small { color: #666761; font-size: 8px; }.screen-metrics b { font: 700 clamp(13px,1.5vw,22px)/1 monospace; }
.screen-chart { flex: 1; min-height: 230px; display: flex; align-items: end; gap: 8px; margin-top: 22px; padding: 30px 14px 0; border: 1px solid #363732; background-image: linear-gradient(#292a27 1px,transparent 1px); background-size: 100% 25%; }
.screen-chart span { flex: 1; height: 35%; background: #40413d; }.screen-chart span:nth-child(2){height:52%}.screen-chart span:nth-child(3){height:46%}.screen-chart span:nth-child(4){height:68%;background:var(--acid)}.screen-chart span:nth-child(5){height:61%}.screen-chart span:nth-child(6){height:78%}.screen-chart span:nth-child(7){height:58%}.screen-chart span:nth-child(8){height:87%;background:var(--acid)}.screen-chart span:nth-child(9){height:76%}
.screen-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; }
.screen-bottom > span { display: flex; align-items: center; gap: 8px; padding: 15px; border: 1px solid #363732; }.screen-bottom b { width: 30px; height: 30px; border: 6px solid var(--acid); border-right-color: #3a3b37; border-radius: 50%; }.screen-bottom i { height: 5px; flex: 1; background: #3a3b37; }.screen-bottom i:nth-of-type(2){flex:.7}.screen-bottom i:nth-of-type(3){flex:.4}
.software-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 1px; background: var(--ink); }
.detail-card { min-height: 520px; display: flex; flex-direction: column; padding: clamp(30px,4vw,60px); background: var(--white); }
.detail-card.dark { color: var(--white); background: var(--ink); }
.detail-card-top { display: flex; justify-content: space-between; align-items: start; margin-bottom: 90px; font: 10px/1 monospace; }
.detail-card-top i { display: grid; place-items: center; width: 72px; height: 72px; border: 1px solid currentColor; border-radius: 50%; font-size: 26px; font-style: normal; }
.detail-card > small { color: var(--muted); font: 10px/1 monospace; letter-spacing: .12em; }
.detail-card h3 { margin: 12px 0 18px; font-size: clamp(30px,3vw,50px); letter-spacing: -.05em; }
.detail-card > p { max-width: 680px; color: var(--muted); line-height: 1.8; }
.detail-card ul { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: auto 0 0; padding: 28px 0 0; border-top: 1px solid currentColor; list-style: none; }
.detail-card li { display: grid; gap: 8px; color: var(--muted); font-size: 12px; line-height: 1.6; }.detail-card li b { color: currentColor; }
.device-chips { display: flex; gap: 10px; margin-top: auto; padding-top: 30px; border-top: 1px solid #484943; }.device-chips span { padding: 12px 16px; border: 1px solid #62635d; font-size: 12px; }

.hardware-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--ink); border: 1px solid var(--ink); }
.hardware-card { min-height: 540px; display: flex; flex-direction: column; padding: clamp(26px,3vw,44px); background: var(--white); }
.hardware-card:first-child { grid-column: span 2; }.hardware-card.dark { color: var(--white); background: var(--ink); }.hardware-card.acid { background: var(--acid); }.hardware-card.silver { background: #d7d8d2; }
.hardware-card > span { align-self: end; font: 10px/1 monospace; opacity: .5; }
.hardware-icon { position: relative; width: 120px; height: 90px; margin: 45px 0 auto; border: 1px solid currentColor; }
.hardware-icon::after { content:""; position:absolute; inset:11px; border:1px solid currentColor; opacity:.35; }
.hardware-icon i { position: absolute; z-index:1; width:8px; height:8px; border-radius:50%; background:currentColor; }.hardware-icon i:nth-child(1){left:22px;top:38px}.hardware-icon i:nth-child(2){left:56px;top:38px;background:var(--acid)}.hardware-card.acid .hardware-icon i:nth-child(2){background:var(--ink)}.hardware-icon i:nth-child(3){right:22px;top:38px}
.hardware-icon.gateway { border-radius: 45px; }.hardware-icon.compute { width:90px;height:90px;border-radius:50%}.hardware-icon.power { transform:skew(-10deg)}.hardware-icon.led { height:64px; box-shadow: 0 16px 0 -1px transparent,0 16px 0 0 currentColor; }
.hardware-card > small { margin-top: 40px; color: var(--muted); font: 9px/1 monospace; letter-spacing: .12em; }
.hardware-card h3 { margin: 12px 0; font-size: clamp(26px,2.5vw,42px); letter-spacing: -.05em; }
.hardware-card p { color: var(--muted); line-height: 1.8; }
.hardware-card ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 0; padding: 22px 0 0; border-top: 1px solid currentColor; list-style:none; }.hardware-card li { padding: 8px 10px; border: 1px solid currentColor; font-size: 10px; }

.architecture-section { padding: 130px clamp(24px,6vw,112px); color: var(--white); background: var(--ink); }
.architecture-head { display: grid; grid-template-columns: 1fr 1.2fr .8fr; align-items: end; gap: 60px; }
.architecture-head .section-kicker { align-self: start; color: #777872; }.architecture-head h2 { margin: 0; font-size: clamp(48px,5vw,82px); line-height:.95; letter-spacing:-.06em; }.architecture-head h2 em { color:var(--acid);font-style:normal; }.architecture-head > p { color:#898a83;line-height:1.9; }
.architecture-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr; align-items: stretch; margin-top: 90px; border-top: 1px solid #3d3e39; border-bottom: 1px solid #3d3e39; }
.architecture-flow > div { display: flex; flex-direction:column; min-height: 210px; padding: 24px 18px; }.architecture-flow > i { align-self:center;color:#5d5e58;font-style:normal; }
.architecture-flow span { color:#71726c;font:10px/1 monospace; }.architecture-flow b { margin:auto 0 10px;font-size:18px; }.architecture-flow small { color:#777872;font-size:10px; }.architecture-flow .active { color:var(--ink);background:var(--acid); }.architecture-flow .active span,.architecture-flow .active small{color:#535f23}

.services-section { background: var(--white); }
.service-layout { display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw; }
.service-heading { position:sticky;top:120px;align-self:start; }.service-heading h2 { margin:0;font-size:clamp(48px,5.5vw,88px);line-height:.95;letter-spacing:-.06em; }.service-heading p { max-width:520px;margin-top:32px;color:var(--muted);line-height:1.9; }
.service-list { border-top:1px solid var(--ink); }
.service-item { display:grid;grid-template-columns:50px 1fr 30px;gap:25px;padding:40px 0;border-bottom:1px solid var(--line); }.service-item > span { color:var(--muted);font:10px/1 monospace; }.service-item > i { font-size:22px;font-style:normal; }.service-item small { color:var(--muted);font:9px/1 monospace;letter-spacing:.12em; }.service-item h3 { margin:10px 0 14px;font-size:clamp(28px,3vw,45px);letter-spacing:-.04em; }.service-item p { color:var(--muted);line-height:1.8; }.service-item ul { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0 0;padding:0;list-style:none; }.service-item li { padding:11px 12px;border:1px solid var(--line);font-size:11px; }

.scenes-section { overflow:hidden;background:#dfe0da; }
.scenes-heading { padding-bottom:70px; }
.scene-grid { display:grid;grid-template-columns:repeat(5,minmax(300px,1fr));gap:1px;overflow-x:auto;padding:0 clamp(24px,6vw,112px) 120px;background:linear-gradient(transparent 0 0);scroll-snap-type:x mandatory; }
.scene-card { position:relative;min-height:580px;display:flex;flex-direction:column;padding:24px 26px 30px;overflow:hidden;color:var(--white);background:var(--ink);scroll-snap-align:start; }.scene-card:nth-child(even){color:var(--ink);background:var(--acid)}.scene-card > span{font:9px/1 monospace;letter-spacing:.1em;opacity:.65}.scene-card > div:nth-of-type(2){margin-top:auto}.scene-card h3{margin:0 0 12px;font-size:36px;letter-spacing:-.05em}.scene-card p{min-height:76px;color:#92938c;font-size:13px;line-height:1.8}.scene-card:nth-child(even) p{color:#53601e}.scene-card > small{padding-top:18px;border-top:1px solid currentColor;font:9px/1 monospace;opacity:.65}
.scene-graphic { position:relative;height:270px;margin:50px -26px 30px;overflow:hidden; }
.scene-graphic i { position:absolute;bottom:0;width:16%;background:#30312d;border:1px solid #4a4b45; }.scene-graphic i:nth-child(1){left:6%;height:40%}.scene-graphic i:nth-child(2){left:24%;height:65%}.scene-graphic i:nth-child(3){left:43%;height:84%;background:var(--acid)}.scene-graphic i:nth-child(4){left:62%;height:52%}.scene-graphic i:nth-child(5){left:80%;height:74%}
.scene-card:nth-child(even) .scene-graphic i{background:#b5d633;border-color:#859b2c}.scene-card:nth-child(even) .scene-graphic i:nth-child(3){background:var(--ink)}
.scene-graphic.tunnel i { width:68%;height:66%;left:16%;bottom:-20%;border:2px solid currentColor;border-bottom:0;border-radius:50% 50% 0 0;background:transparent}.scene-graphic.tunnel i:nth-child(2){inset:auto 24% -10%;width:52%;height:52%}.scene-graphic.tunnel i:nth-child(3){inset:auto 34% 0;width:32%;height:38%;}.scene-graphic.tunnel i:nth-child(4){left:49%;bottom:0;width:2px;height:38%;border:0;background:currentColor}
.scene-graphic.road i { bottom:auto;top:0;width:2px;height:100%;background:#55564f;border:0;transform:rotate(24deg);transform-origin:top}.scene-graphic.road i:nth-child(1){left:20%}.scene-graphic.road i:nth-child(2){left:38%}.scene-graphic.road i:nth-child(3){left:56%;background:var(--acid)}.scene-graphic.road i:nth-child(4){left:74%}
.scene-graphic.factory i { width:19%;height:50%;bottom:0;background:transparent;border:1px solid #666761}.scene-graphic.factory i::after{content:"";position:absolute;top:-36px;left:-1px;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:36px solid #44453f}.scene-graphic.factory i:nth-child(1){left:5%}.scene-graphic.factory i:nth-child(2){left:28%;height:66%}.scene-graphic.factory i:nth-child(3){left:51%;height:46%}.scene-graphic.factory i:nth-child(4){left:74%;height:74%}
.scene-graphic.indoor i { top:10%;bottom:auto;width:2px;height:70%;background:currentColor;border:0}.scene-graphic.indoor i::after{content:"";position:absolute;left:-25px;bottom:0;width:52px;height:16px;background:currentColor;box-shadow:0 20px 40px rgba(10,10,10,.25)}.scene-graphic.indoor i:nth-child(1){left:15%}.scene-graphic.indoor i:nth-child(2){left:38%;height:48%}.scene-graphic.indoor i:nth-child(3){left:62%;height:62%}.scene-graphic.indoor i:nth-child(4){left:85%;height:40%}

.cases-section { color:var(--white);background:var(--ink); }
.case-heading { border-bottom:1px solid #343530; }
.case-list { padding:0 clamp(24px,6vw,112px) 130px; }
.case-item { display:grid;grid-template-columns:80px minmax(300px,.8fr) 1fr 40px;align-items:center;gap:42px;padding:32px 0;border-bottom:1px solid #343530; }.case-no{color:#6d6e68;font:9px/1 monospace}.case-copy small{color:#6d6e68;font:9px/1 monospace;letter-spacing:.12em}.case-copy h3{margin:10px 0 8px;font-size:clamp(26px,3vw,46px);letter-spacing:-.04em}.case-copy p{margin:0;color:#797a74;font-size:12px}.case-arrow{font-size:24px}
.case-visual { position:relative;height:190px;overflow:hidden;background:#1b1b1a;border:1px solid #343530; }
.case-visual i{position:absolute;display:block}.case-visual.bridge i:nth-child(1){left:0;right:0;bottom:36%;height:2px;background:var(--acid)}.case-visual.bridge i:nth-child(2),.case-visual.bridge i:nth-child(3){bottom:36%;width:2px;height:52%;background:#666761}.case-visual.bridge i:nth-child(2){left:28%}.case-visual.bridge i:nth-child(3){right:28%}.case-visual.bridge i:nth-child(4),.case-visual.bridge i:nth-child(5){bottom:36%;width:32%;height:1px;background:#666761;transform-origin:bottom}.case-visual.bridge i:nth-child(4){left:28%;transform:rotate(31deg)}.case-visual.bridge i:nth-child(5){right:28%;transform:rotate(-31deg)}.case-visual.bridge i:nth-child(6){left:0;right:0;bottom:20%;height:1px;background:#3d3e39}
.case-visual.city i{bottom:0;width:12%;background:#3a3b37;border-top:2px solid var(--acid)}.case-visual.city i:nth-child(1){left:4%;height:38%}.case-visual.city i:nth-child(2){left:20%;height:72%}.case-visual.city i:nth-child(3){left:37%;height:50%}.case-visual.city i:nth-child(4){left:54%;height:86%}.case-visual.city i:nth-child(5){left:71%;height:60%}.case-visual.city i:nth-child(6){left:87%;height:32%}
.case-visual.mountain i{width:55%;height:55%;bottom:-22%;border:1px solid #63645e;transform:rotate(45deg)}.case-visual.mountain i:nth-child(1){left:-10%}.case-visual.mountain i:nth-child(2){left:22%;height:80%;width:70%;bottom:-40%}.case-visual.mountain i:nth-child(3){right:-22%;bottom:-30%}.case-visual.mountain i:nth-child(4){left:0;right:0;bottom:24%;height:1px;background:var(--acid)}.case-visual.mountain i:nth-child(5){left:48%;top:20%;width:8px;height:8px;border-radius:50%;background:var(--acid)}
.case-visual.tunnel i{left:15%;right:15%;bottom:-20%;height:105%;border:2px solid #595a54;border-bottom:0;border-radius:50% 50% 0 0}.case-visual.tunnel i:nth-child(2){left:25%;right:25%;height:82%;border-color:#3b3c38}.case-visual.tunnel i:nth-child(3){left:38%;right:38%;height:62%;border-color:var(--acid)}.case-visual.tunnel i:nth-child(4){left:49%;bottom:0;width:1px;height:50%;border:0;border-radius:0;background:#585953}.case-visual.tunnel i:nth-child(5){left:20%;right:20%;top:18%;height:1px;border:0;background:#454640}
.case-visual.metro i:nth-child(1){left:8%;right:8%;bottom:23%;height:2px;background:var(--acid)}.case-visual.metro i:nth-child(2),.case-visual.metro i:nth-child(3){bottom:23%;width:2px;height:64%;background:#4d4e49}.case-visual.metro i:nth-child(2){left:28%}.case-visual.metro i:nth-child(3){right:28%}.case-visual.metro i:nth-child(4){left:16%;right:16%;bottom:36%;height:52px;border:1px solid #555650;border-radius:28px}.case-visual.metro i:nth-child(5){left:46%;bottom:41%;width:8%;height:12px;background:#666761}

.news-section { background:var(--paper); }
.news-head { display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:50px; }.news-head h2{margin:0;font-size:clamp(48px,6vw,92px);line-height:.95;letter-spacing:-.06em}.news-head > div:last-child{padding-bottom:8px}.news-head p{color:var(--muted)}.news-head a{display:flex;justify-content:space-between;max-width:280px;margin-top:28px;padding:14px 0;border-bottom:1px solid var(--ink);font-size:12px}
.news-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:70px;background:var(--ink);border:1px solid var(--ink); }
.news-card { min-height:510px;display:flex;flex-direction:column;background:var(--white);transition:transform .25s; }.news-card:hover{transform:translateY(-8px)}.news-cover{position:relative;height:240px;overflow:hidden;background:#d9dad4}.news-cover.dark{background:#111}.news-cover.acid{background:var(--acid)}.news-cover.paper{background:#e7e7e1}.news-cover.silver{background:#bfc0ba}.news-cover::before,.news-cover::after{content:"";position:absolute;border:1px solid currentColor;border-radius:50%;opacity:.35}.news-cover::before{width:180px;height:180px;right:-30px;top:-40px}.news-cover::after{width:100px;height:100px;right:70px;top:60px}.news-cover.dark{color:var(--acid)}.news-cover.acid{color:var(--ink)}.news-cover span{position:absolute;left:22px;bottom:20px;font:10px/1 monospace}.news-body{flex:1;display:flex;flex-direction:column;padding:26px}.news-meta{display:flex;justify-content:space-between;color:var(--muted);font:9px/1 monospace}.news-body h3{margin:26px 0 14px;font-size:clamp(21px,2vw,30px);line-height:1.25;letter-spacing:-.03em}.news-body p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.news-more{display:flex;justify-content:space-between;margin-top:auto;padding-top:24px;border-top:1px solid var(--line);font-size:11px}.news-skeleton{padding:20px}.news-skeleton div,.news-skeleton span{display:block;background:#e1e2dc;animation:pulse 1.4s ease-in-out infinite alternate}.news-skeleton div{height:240px}.news-skeleton span{height:22px;margin-top:25px}.news-skeleton span:last-child{width:64%}
.news-cover-image{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover}.news-cover:has(.news-cover-image)::after{z-index:2;inset:0;width:auto;height:auto;border:0;border-radius:0;opacity:1;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 65%)}.news-cover:has(.news-cover-image) span{z-index:3;color:var(--white)}.news-empty{grid-column:1/-1;margin:0;padding:80px 25px;background:var(--white);color:var(--muted);text-align:center}

.about-section { color:var(--white);background:#131312; }
.about-intro { border-bottom:1px solid #343530; }.about-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:8vw}.about-grid h2{margin:0;font-size:clamp(60px,7vw,112px);line-height:.9;letter-spacing:-.07em}.about-grid h2 em{color:var(--acid);font-style:normal}.about-grid > div > p{max-width:600px;color:#94958e;font-size:17px;line-height:1.9}.about-stat{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:50px;background:#373833;border:1px solid #373833}.about-stat span{display:grid;gap:10px;padding:18px;background:#181817;color:#777872;font-size:10px}.about-stat b{color:var(--white);font:700 28px/1 monospace}
.base-network { display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw; }
.network-visual{position:sticky;top:100px;align-self:start;min-height:600px;overflow:hidden;border:1px solid #3a3b36;background-image:linear-gradient(#292a27 1px,transparent 1px),linear-gradient(90deg,#292a27 1px,transparent 1px);background-size:40px 40px}.network-ring{position:absolute;left:50%;top:50%;border:1px solid #4a4b46;border-radius:50%;transform:translate(-50%,-50%)}.ring-one{width:330px;height:330px}.ring-two{width:500px;height:500px;border-style:dashed}.network-core{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:150px;height:150px;border-radius:50%;transform:translate(-50%,-50%);background:var(--acid);color:var(--ink)}.network-core span{font-size:42px;font-weight:900;letter-spacing:-.08em}.network-core small{font:8px/1 monospace}.network-node{position:absolute;z-index:2;display:grid;place-items:center;width:62px;height:62px;border:1px solid #64655e;border-radius:50%;background:#171716;font-style:normal}.network-node b{font:12px/1 monospace}.network-node small{margin-top:4px;color:#777872;font-size:8px}.network-node.sh{left:14%;top:18%}.network-node.nj{right:18%;top:14%}.network-node.yz{right:9%;bottom:26%}.network-node.cd{left:12%;bottom:19%}.network-node.zz{left:50%;bottom:6%;transform:translateX(-50%)}
.base-list{border-top:1px solid #3b3c37}.base-item{position:relative;padding:36px 0;border-bottom:1px solid #3b3c37}.base-item span{color:var(--acid);font:9px/1 monospace}.base-item h3{margin:10px 0 12px;font-size:clamp(27px,3vw,42px);letter-spacing:-.04em}.base-item p{max-width:580px;margin:0;color:#8d8e87;line-height:1.8}.base-item i{display:block;margin-top:18px;color:#5f605a;font:9px/1 monospace;font-style:normal;letter-spacing:.08em}

.partners-section { background:var(--paper); }
.partners-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:80px}.partners-head h2{margin:0;font-size:clamp(52px,6vw,94px);line-height:.95;letter-spacing:-.06em}.partners-head > p{max-width:500px;color:var(--muted);line-height:1.9}
.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:76px;background:var(--ink);border:1px solid var(--ink)}.partner-card{min-height:380px;display:flex;flex-direction:column;padding:24px;background:var(--white)}.partner-card.featured{background:var(--acid)}.partner-card > span{align-self:end;font:9px/1 monospace;opacity:.5}.partner-mark{display:grid;place-items:center;min-height:120px;margin:auto 0;border:1px solid currentColor;font:700 20px/1 monospace;letter-spacing:.05em}.partner-card h3{margin:0 0 12px;font-size:18px;line-height:1.5}.partner-card p{margin:0;color:var(--muted);font-size:11px}

.contact-section { display:grid;grid-template-columns:.9fr 1.1fr;color:var(--white);background:var(--ink); }
.contact-copy{padding:130px clamp(30px,6vw,112px)}.contact-copy h2{margin:0;font-size:clamp(52px,4.6vw,84px);line-height:.92;letter-spacing:-.07em}.contact-copy h2 em{color:var(--acid);font-style:normal}.contact-copy > p{max-width:520px;margin:36px 0;color:#8d8e87;font-size:16px;line-height:1.9}.contact-promise{display:flex;align-items:center;gap:14px;margin-top:70px;color:#777872;font-size:9px}.contact-promise span{display:grid;gap:7px}.contact-promise b{color:var(--acid);font:9px/1 monospace}.contact-promise i{font-style:normal}
.contact-form{align-self:stretch;padding:130px clamp(30px,6vw,90px);color:var(--ink);background:var(--paper)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:26px}.contact-form label{display:grid;gap:10px;margin-bottom:25px}.contact-form label > span{font-size:11px;font-weight:700}.contact-form label i{color:#8aa800;font-style:normal}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:15px 0;border:0;border-bottom:1px solid #a6a7a0;border-radius:0;outline:0;background:transparent;transition:border-color .2s}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--ink)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#aaa}.contact-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#111 50%),linear-gradient(135deg,#111 50%,transparent 50%);background-position:calc(100% - 8px) 55%,calc(100% - 3px) 55%;background-size:5px 5px;background-repeat:no-repeat}.honeypot{position:absolute!important;left:-9999px!important}.form-submit{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:25px}.contact-form .consent{display:flex;grid-template-columns:auto 1fr;align-items:center;margin:0;color:var(--muted);font-size:10px;cursor:pointer}.consent input{width:16px;height:16px;margin:0;accent-color:var(--ink)}.contact-form .button{border:0;cursor:pointer}.contact-form .button[disabled]{opacity:.55;cursor:wait}.form-status{min-height:20px;margin:18px 0 0;font-size:12px}.form-status.error{color:#a12626}.form-status.success{color:#506400}

.support-section { background:#e2e3dd; }
.support-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:60px}.support-head h2{margin:0;font-size:clamp(52px,6vw,94px);line-height:.95;letter-spacing:-.06em}.support-head > p{color:var(--muted);line-height:1.8}.faq-list{margin-top:76px;border-top:1px solid var(--ink)}.faq-item{border-bottom:1px solid var(--ink)}.faq-item summary{display:grid;grid-template-columns:60px 1fr 30px;gap:20px;align-items:center;padding:28px 0;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font:10px/1 monospace}.faq-item summary b{font-size:clamp(17px,2vw,24px)}.faq-item summary i{font-size:25px;font-style:normal;transition:transform .2s}.faq-item[open] summary i{transform:rotate(45deg)}.faq-item > div{max-width:800px;padding:0 40px 30px 80px;color:var(--muted);line-height:1.9}

.site-footer{padding:80px clamp(24px,6vw,112px) 30px;color:var(--white);background:#050505}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;padding-bottom:70px;border-bottom:1px solid #30312d}.footer-brand{justify-self:start}.footer-top > p{margin:0;color:#777872;line-height:1.8}.back-top{justify-self:end;display:flex;gap:45px;padding:13px 0;border-bottom:1px solid #565751;font-size:11px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding:60px 0}.footer-grid > div{display:grid;align-content:start;gap:15px}.footer-grid small{margin-bottom:12px;color:#5f605a;font:9px/1 monospace;letter-spacing:.12em}.footer-grid a{color:#a3a49d;font-size:12px}.footer-grid a:hover{color:var(--acid)}.footer-bottom{display:flex;justify-content:space-between;padding-top:28px;border-top:1px solid #30312d;color:#5f605a;font:8px/1.6 monospace;letter-spacing:.08em}
.toast{position:fixed;z-index:80;right:24px;bottom:24px;max-width:360px;transform:translateY(30px);padding:15px 18px;visibility:hidden;opacity:0;color:var(--ink);background:var(--acid);font-size:12px;font-weight:700;box-shadow:0 14px 40px rgba(0,0,0,.25);transition:.25s}.toast.show{visibility:visible;opacity:1;transform:translateY(0)}.toast.error{color:var(--white);background:#7d1c1c}

@keyframes pulse { to { opacity:.45; } }

@media (max-width: 1420px) {
  .desktop-nav { gap:0; font-size:12px; }
  .desktop-nav > a,.nav-group > a{padding-inline:10px}
  .site-header { padding-inline:32px; }
  .nav-cta { min-width:112px;gap:10px; }
  .language-trigger{padding-inline:8px}.mega-menu-inner{padding-inline:32px}.mega-links a{padding:14px}
}

@media (max-width: 1200px) {
  .menu-toggle { display:block; }
  .nav-cta { display:none; }
  .header-actions { display:flex; }
  .system-feature { grid-template-columns:1fr; }
  .system-screen { min-height:560px;margin:0 54px 54px; }
  .hardware-grid { grid-template-columns:1fr 1fr; }.hardware-card:first-child{grid-column:span 2}
  .architecture-head { grid-template-columns:1fr 1fr; }.architecture-head .section-kicker{grid-column:span 2}.architecture-flow{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.architecture-flow>i{display:none}
  .service-layout,.base-network,.contact-section{grid-template-columns:1fr}.service-heading,.network-visual{position:relative;top:auto}.network-visual{min-height:560px}.contact-form{padding-top:90px}
  .partner-grid{grid-template-columns:1fr 1fr}.news-grid{grid-template-columns:1fr 1fr}.news-card:last-child{grid-column:span 2}
  .case-item{grid-template-columns:60px minmax(260px,.7fr) 1fr 30px;gap:25px}
}

@media (max-width: 760px) {
  .mobile-menu{padding:100px 20px 30px}.mobile-menu nav{grid-template-columns:1fr}.mobile-menu a:nth-child(n){padding:15px 0;border-left:0;font-size:24px}.mobile-menu-count{margin-bottom:15px}
  .header-actions{gap:7px}.language-trigger{width:44px;justify-content:center;padding:0}.language-trigger [data-language-short],.language-trigger i{display:none}.menu-toggle{display:block}.site-header.menu-active{background:var(--ink);color:var(--white);border-color:#333}.site-header.menu-active.scrolled{background:var(--ink);color:var(--white)}
  .product-tabs{margin-top:50px}.product-tab{min-width:0;flex:1;padding:16px 12px;font-size:13px}.product-tab span{margin-left:8px}
  .system-feature{min-height:0}.system-copy{padding:38px 22px}.product-label{margin-bottom:55px}.system-intro{font-size:14px}.feature-list p{grid-template-columns:1fr;gap:8px}.deployment{margin-top:30px}.system-screen{min-height:420px;margin:0 16px 16px}.screen-body{grid-template-columns:38px 1fr}.screen-main{padding:12px}.screen-metrics{grid-template-columns:1fr 1fr}.screen-metrics span:last-child{display:none}.screen-chart{min-height:160px}.screen-bottom{grid-template-columns:1fr}.screen-bottom>span:last-child{display:none}
  .software-grid,.hardware-grid{grid-template-columns:1fr}.hardware-card:first-child{grid-column:auto}.detail-card{min-height:470px;padding:30px 22px}.detail-card-top{margin-bottom:60px}.detail-card ul{grid-template-columns:1fr}.hardware-card{min-height:500px}
  .architecture-section{padding:90px 20px}.architecture-head{grid-template-columns:1fr;gap:30px}.architecture-head .section-kicker{grid-column:auto}.architecture-head h2{font-size:clamp(42px,14vw,52px)}.architecture-flow{grid-template-columns:1fr;margin-top:55px}.architecture-flow>div{min-height:130px;border-bottom:1px solid #343530}.architecture-flow>div:last-child{border:0}
  .service-layout{gap:60px}.service-item{grid-template-columns:30px 1fr;gap:16px}.service-item>i{display:none}.service-item ul{grid-template-columns:1fr}
  .scene-grid{grid-template-columns:repeat(5,82vw);padding:0 20px 80px}.scene-card{min-height:540px}
  .case-list{padding:0 20px 90px}.case-item{grid-template-columns:35px 1fr 25px;gap:14px;padding:24px 0}.case-visual{grid-column:2/4;height:180px}.case-copy{grid-column:2}.case-arrow{grid-column:3;grid-row:2}.case-no{grid-row:1/3}
  .news-head,.about-grid,.partners-head,.support-head{grid-template-columns:1fr;gap:35px}.news-grid{grid-template-columns:1fr}.news-card:last-child{grid-column:auto}.news-card{min-height:470px}
  .about-stat{grid-template-columns:1fr}.base-network{gap:70px}.network-visual{min-height:430px}.ring-one{width:250px;height:250px}.ring-two{width:380px;height:380px}.network-core{width:120px;height:120px}.network-node{width:52px;height:52px}.network-node.yz{right:4%}
  .partner-grid{grid-template-columns:1fr}.partner-card{min-height:320px}.partner-mark{min-height:100px}
  .contact-copy,.contact-form{padding:90px 20px}.contact-copy h2{font-size:clamp(42px,14vw,58px)}.contact-promise{align-items:flex-start;flex-direction:column}.contact-promise i{transform:rotate(90deg)}.form-row{grid-template-columns:1fr;gap:0}.form-submit{align-items:stretch;flex-direction:column}.contact-form .button{width:100%}
  .faq-item summary{grid-template-columns:35px 1fr 20px;gap:10px}.faq-item>div{padding:0 0 24px 45px}
  .footer-top{grid-template-columns:1fr;gap:30px}.back-top{justify-self:start}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}
}

@media (prefers-reduced-motion: reduce) {
  .reveal { opacity:1;transform:none;transition:none; }
}