.page-hero{padding:64px 0 20px}
.page-hero h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.02em;line-height:1.1}
.page-hero .lead{font-size:19px;color:var(--ink-soft);max-width:52ch;margin-top:18px}
/* 带配图的内页 hero:文案左 / 实拍右。图是真实控制台截图或产品渲染,不是占位。 */
.page-hero.split{padding-bottom:44px}
.page-hero.split .wrap{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:44px;align-items:center}
.page-hero.split .wrap>*{min-width:0}
/* 配图占去右半栏后标题只剩 ~570px,48px 时长标题会排到三行并在连字符处断词。 */
.page-hero.split h1{font-size:clamp(28px,3.4vw,44px)}
.page-hero.split .lead{max-width:44ch}
.page-hero-shot{margin:0}
.page-hero-shot figcaption{margin-top:12px;font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);text-align:right}
/* 网络接入页：先展示可接入的网络谱系，再解释接入后的平台能力。 */
.access-rail-section{padding:4px 0 22px}
.access-rail-title{margin:0 0 12px;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-ink)}
.access-rail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--dark);border:1px solid #20283a;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 30px 60px -42px rgba(10,14,26,.7)}
.access-item{min-width:0;padding:24px 22px;color:#fff;border-left:1px solid #20283a}
.access-item:first-child{border-left:0}
.access-item-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}
.access-kind{color:#79aaff}
.access-status{color:#8fa0bb}
.access-item h3{margin:0 0 7px;font-size:17px;line-height:1.2;overflow-wrap:anywhere}
.access-item p{margin:0;color:#a6b2c6;font-size:13px;line-height:1.5}
.access-item.roadmap{background:#0d1423;color:#c4ccda}
.access-item.roadmap .access-kind,.access-item.roadmap .access-status{color:var(--warn)}
.access-item.roadmap h3,.access-item.roadmap p{opacity:.72}

.docs-cta-list{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;padding:30px 0 4px}
.docs-cta-link{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:14px;color:var(--brand-ink);font-weight:500}
.docs-cta-link .icon{flex:0 0 auto}

.deployment-band{background:var(--bg-alt);border-top:1px solid var(--line);padding:50px 0}
.deployment-band-inner{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);align-items:center;gap:48px}
.deployment-band-copy h2{margin:0;font-size:clamp(25px,3vw,34px);letter-spacing:-.02em}
.deployment-band-copy p{max-width:58ch;margin:12px 0 0;color:var(--ink-soft);font-size:16px}
.deployment-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}
.deployment-mode{padding:18px 14px;border-left:1px solid var(--line);text-align:center}
.deployment-mode:first-child{border-left:0}
.deployment-mode strong{display:block;color:var(--brand-ink);font-family:var(--font-mono);font-size:13px;letter-spacing:.08em}
.deployment-mode span{display:block;margin-top:4px;color:var(--ink-soft);font-size:12.5px}
/* 硬件渲染图用浅雾底托,不套浏览器框(套框会假装它是截图)。 */
.hw-panel{background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--radius);padding:30px;display:grid;place-items:center}
.hw-panel img{width:74%;filter:drop-shadow(0 24px 40px rgba(13,26,43,.18))}
/* 左对齐到内容网格。auto 边距会把 60ch 的标题块在 wrap 里居中,
   与下方左起的卡片网格错开一大截,看着像排版坏了。 */
.sec-head{max-width:60ch;margin:0 0 34px;text-align:left}
.sec-head h2{font-size:clamp(26px,3.2vw,36px);letter-spacing:-.02em}
.sec-head p{color:var(--ink-soft);font-size:17px;margin-top:12px}
.section{padding:56px 0}
.section.alt{background:var(--bg-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
/* 12 栅格 + 按卡片数派生跨列,保证任意卡片数都填满末行(无孤儿格位)。
   3/6/9 张 -> 每行 3;4 张 -> 2×2;5 张 -> 前 2 张各占半行,后 3 张一行;8 张 -> 每行 4。
   模板通过 data-cards 传入张数,不靠 :nth-last-child 猜。 */
.card-grid{display:grid;grid-template-columns:repeat(var(--cols,12),1fr);gap:20px}
.card-grid>*{grid-column:span var(--span,4)}
.card-grid[data-cards="1"]{--span:12}
.card-grid[data-cards="2"]{--span:6}
.card-grid[data-cards="4"]{--span:6}
.card-grid[data-cards="8"]{--span:3}
.card-grid[data-cards="5"]>*:nth-child(-n+2){grid-column:span var(--span-lead,6)}

/* 恰好 3 张时不用"三张一模一样的浮起卡片"——那是最强的 AI 生成签名。
   改成细线分隔面板(与首页 .pillars 同材质):换材质,不换几何。 */
.card-grid[data-cards="3"]{gap:1px;background:var(--line);border:1px solid var(--line);
  border-radius:var(--radius-lg);overflow:hidden}
.card-grid[data-cards="3"]>.card{border:0;border-radius:0;box-shadow:none;background:#fff;padding:32px 30px}
.card-grid[data-cards="3"]>.card:hover{transform:none;box-shadow:none;background:#fdfdfb}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-card);transition:transform .2s,box-shadow .2s;scroll-margin-top:84px}
.card:hover{transform:translateY(-2px);box-shadow:0 22px 44px -22px rgba(13,26,43,.2)}
.card .ic{width:44px;height:44px;padding:11px;box-sizing:border-box;color:var(--brand);background:var(--brand-wash);border-radius:12px;margin-bottom:16px}
.card h3{font-size:18px;margin:0 0 8px}
.card p{margin:0;color:var(--ink-soft);font-size:14.5px;line-height:1.55}
.card .more{display:inline-block;margin-top:14px;font-size:13.5px;color:var(--brand-ink);font-weight:600}
/* 产品型号不是段落眉标,不套 .eyebrow 的胶囊样式。 */
.code-badge{display:inline-block;font-family:var(--font-mono);font-size:12.5px;font-weight:600;
  letter-spacing:.08em;color:var(--brand-ink);margin-bottom:10px}
.feat-card .feat-points{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:7px}
.feat-card .feat-points li{position:relative;padding-left:16px;font-size:13.5px;color:var(--ink-soft);line-height:1.5}
.feat-card .feat-points li::before{content:"";position:absolute;left:1px;top:8px;width:5px;height:5px;border-radius:50%;background:var(--brand)}
section[id]{scroll-margin-top:84px}
.docs-cta{padding:8px 0 4px;text-align:center}
.docs-cta a{font-family:var(--font-mono);font-size:14px;color:var(--brand-ink);font-weight:500}
/* 数据建模与分析：沿用官网暖白、蓝色强调和真实控制台框。 */
.data-journey{padding:4px 0 24px}
.page-hero-shot{position:relative}
.page-hero-shot-note{position:absolute;left:-24px;bottom:30px;z-index:2;min-width:180px;padding:13px 15px;border:1px solid #20283a;border-radius:10px;background:var(--dark);box-shadow:0 18px 36px -22px rgba(10,14,26,.8)}
.page-hero-shot-note strong,.page-hero-shot-note span{display:block;font-family:var(--font-mono);font-size:10.5px;line-height:1.55}
.page-hero-shot-note strong{margin-bottom:4px;color:#79aaff;letter-spacing:.08em}
.page-hero-shot-note span{color:#a6b2c6}
.data-journey-title{margin:0 0 12px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-ink)}
.data-journey-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}
.data-journey-item{min-width:0;padding:23px 21px;border-left:1px solid var(--line)}
.data-journey-item:first-child{border-left:0}
.data-journey-item>span,.data-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--brand-ink)}
.data-journey-item h3{margin:11px 0 6px;font-size:17px}
.data-journey-item p{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.5}
.data-section{padding:68px 0}
.data-split{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:52px;align-items:center}
.data-split-media-first{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)}
.data-copy h2{margin:13px 0 14px;font-size:clamp(27px,3.2vw,36px);letter-spacing:-.02em}
.data-copy>p{margin:0;color:var(--ink-soft);font-size:16px;line-height:1.65;max-width:56ch}
.data-points{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:9px}
.data-points li{position:relative;padding-left:18px;color:var(--ink-soft);font-size:13.5px;line-height:1.5}
.data-points li::before{content:"";position:absolute;left:1px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--brand)}
.data-shot{margin:0;min-width:0}
.data-shot .shot-frame img{aspect-ratio:16/9;object-fit:cover;object-position:top}
.data-shot figcaption{margin-top:10px;color:var(--ink-soft);font-family:var(--font-mono);font-size:11.5px}
.data-model-stack{position:relative;min-width:0;padding:0 34px 42px 0}
.data-shot-secondary{position:absolute;right:0;bottom:0;width:45%;z-index:2}
.data-shot-secondary .shot-frame{box-shadow:0 18px 36px -22px rgba(13,26,43,.38)}
.data-assets{background:var(--bg-alt);border-block:1px solid var(--line)}
.data-aggregate{margin-top:22px;padding:15px 16px;border-radius:10px;background:var(--dark);color:#fff}
.data-aggregate strong{display:block;color:#79aaff;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em}
.data-aggregate span{display:block;margin-top:5px;color:#a6b2c6;font-size:13px}
.data-dashboard>.wrap>.data-copy{max-width:720px;margin-bottom:30px}
.data-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:20px;align-items:stretch}
.data-cockpit,.data-cardlist,.data-agent-flow{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-card)}
.data-cockpit>.data-shot{margin-top:13px}
.data-dashboard-side{display:grid;gap:12px}
.data-cardlist h3{margin:10px 0 14px;font-size:18px}
.data-cardlist ul,.data-agent-flow ol{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.data-cardlist li{padding:11px 12px;border-radius:8px;background:var(--bg-alt);font-size:13px}
.data-agent-flow{background:var(--brand-wash);border-color:color-mix(in srgb,var(--brand) 24%,var(--line));box-shadow:none}
.data-agent-flow>.data-kicker{margin:0;font-weight:inherit;line-height:inherit}
.data-agent-flow ol{margin-top:12px;counter-reset:flow}
.data-agent-flow li{position:relative;padding-left:25px;color:#284267;font-size:13px;line-height:1.5;counter-increment:flow}
.data-agent-flow li::before{content:counter(flow);position:absolute;left:0;color:var(--brand-ink);font-family:var(--font-mono);font-size:11px}
/* 控制与自动化：用控制链路组织能力，并把 RPC 日志作为最大的执行证据。 */
.automation-loop{padding:4px 0 28px}
.automation-loop-title{margin:0 0 12px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-ink)}
.automation-loop-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}
.automation-loop-item{position:relative;min-width:0;padding:22px 17px;border-left:1px solid var(--line)}
.automation-loop-item:first-child{border-left:0}
.automation-loop-item>span,.automation-kicker{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;color:var(--brand-ink)}
.automation-loop-item h3{margin:12px 0 5px;font-size:16px}
.automation-loop-item p{margin:0;color:var(--ink-soft);font-size:12.5px;line-height:1.48}
.automation-section{padding:76px 0}
.automation-split{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:58px;align-items:center}
.automation-media-first{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.automation-copy h2{margin:13px 0 15px;font-size:clamp(28px,3.3vw,38px);line-height:1.14;letter-spacing:-.025em}
.automation-copy>p{margin:0;color:var(--ink-soft);font-size:16px;line-height:1.65;max-width:56ch}
.automation-points{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:9px}
.automation-points li{position:relative;padding-left:18px;color:var(--ink-soft);font-size:13.5px;line-height:1.5}
.automation-points li::before{content:"";position:absolute;left:1px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--brand)}
.automation-shot{margin:0;min-width:0}
.automation-shot .shot-frame img{aspect-ratio:16/9;object-fit:cover;object-position:top}
.automation-shot figcaption{margin-top:10px;color:var(--ink-soft);font-family:var(--font-mono);font-size:11.5px}
.automation-rpc-stack{position:relative;min-width:0;padding:0 40px 48px 0}
.automation-shot-secondary{position:absolute;right:0;bottom:0;width:47%;z-index:2}
.automation-shot-secondary .shot-frame{border:7px solid var(--bg);box-shadow:0 18px 36px -22px rgba(13,26,43,.42)}
.automation-intelligence{background:var(--bg-alt);border-block:1px solid var(--line)}
.automation-decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.automation-decision-grid article{padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.automation-decision-grid h3{margin:0 0 6px;font-size:15px}
.automation-decision-grid p{margin:0;color:var(--ink-soft);font-size:12.5px;line-height:1.5}
.automation-channels{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.automation-channels span{padding:6px 11px;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:999px;background:#fff;color:var(--brand-ink);font-size:12.5px}
.automation-alarm-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:16px;align-items:start}
.automation-alarm-grid>.automation-shot:last-child{margin-top:58px}
.automation-schedule{background:var(--bg-alt);border-block:1px solid var(--line)}
.automation-logs>.wrap>.automation-copy{max-width:720px;margin-bottom:32px}
.automation-log-window{position:relative;padding-bottom:38px}
.automation-log-window>.automation-shot figcaption{text-align:right}
.automation-log-groups{position:absolute;right:22px;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:16px 20px;border:1px solid #20283a;border-radius:12px;background:var(--dark);box-shadow:0 18px 40px -24px rgba(10,14,26,.8)}
.automation-log-group span,.automation-log-group strong{display:block;white-space:nowrap}
.automation-log-group span{color:#8fa0bb;font-size:10.5px}
.automation-log-group strong{margin-top:3px;color:#fff;font-family:var(--font-mono);font-size:11.5px}
.automation-mqtt{padding:76px 0;background:var(--dark);color:#fff}
.automation-mqtt h2{margin:0;font-size:clamp(27px,3.3vw,38px);letter-spacing:-.02em}
.automation-mqtt>.wrap>p{max-width:66ch;margin:12px 0 28px;color:#9eabc0}
.automation-mqtt-flow{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1.35fr) 44px minmax(0,1fr);align-items:stretch}
.automation-mqtt-flow article{padding:19px;border:1px solid #26344a;border-radius:var(--radius);background:#10182a}
.automation-mqtt-flow h3{margin:0 0 5px;font-size:15px}
.automation-mqtt-flow p{margin:0;color:#9eabc0;font-size:12.5px;line-height:1.5}
.automation-mqtt-arrow{display:grid;place-items:center;color:#62a0ff;font-size:22px}
.automation-mqtt-branch{margin-top:14px;padding:12px 16px;border-left:3px solid var(--brand);background:#0e1626;color:#d8e4f9;font-size:13px}
.automation-mqtt-branch strong{color:#78aaff}
.automation-mqtt .docs-cta-link{color:#9fc1ff}
/* 集成与运维：一条从现场模型到外部系统的产品叙事。 */
.integration-flow-section{padding:4px 0 30px}
.integration-flow-title{max-width:760px;margin:0 0 14px;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.02em}
.integration-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}
.integration-flow-item{min-width:0;padding:22px 19px;border-left:1px solid var(--line)}
.integration-flow-item:first-child{border-left:0}
.integration-flow-item>span,.integration-kicker{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;color:var(--brand-ink)}
.integration-flow-item h3{margin:11px 0 6px;font-size:16px;line-height:1.25}
.integration-flow-item p{margin:0;color:var(--ink-soft);font-size:12.5px;line-height:1.5}
.integration-section{padding:78px 0}
.integration-split{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(38px,6vw,78px);align-items:center}
.integration-split>*{min-width:0}
.integration-media-first{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.integration-copy h2{margin:13px 0 15px;font-size:clamp(28px,3.3vw,39px);line-height:1.14;letter-spacing:-.025em}
.integration-copy>p{max-width:57ch;margin:0;color:var(--ink-soft);font-size:16px;line-height:1.65}
.integration-points{list-style:none;margin:21px 0 0;padding:0;display:grid;gap:8px}
.integration-points li{position:relative;padding-left:18px;color:var(--ink-soft);font-size:13.5px;line-height:1.5}
.integration-points li::before{content:"";position:absolute;left:1px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--brand)}
.integration-shot{margin:0;min-width:0}
.integration-shot .shot-frame img{aspect-ratio:16/9;object-fit:cover;object-position:top}
.integration-shot figcaption{margin-top:10px;color:var(--ink-soft);font-family:var(--font-mono);font-size:11.5px}
.mqtt-paths,.rpc-mode-grid,.sync-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.mqtt-paths article,.rpc-mode-grid article,.sync-groups article{padding:17px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.mqtt-paths h3,.rpc-mode-grid h3,.sync-groups h3{margin:0 0 6px;font-size:15px}
.mqtt-paths p,.rpc-mode-grid p{margin:0;color:var(--ink-soft);font-size:12.5px;line-height:1.5}
.integration-industrial{background:var(--bg-alt);border-block:1px solid var(--line)}
.integration-industrial-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:start;margin-bottom:28px}
.integration-industrial-head .integration-copy{max-width:760px}
.deployment-restriction{padding:7px 10px;border:1px solid color-mix(in srgb,var(--brand) 30%,var(--line));border-radius:999px;background:#fff;color:var(--brand-ink);font-family:var(--font-mono);font-size:11px;white-space:nowrap}
.protocol-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}
.protocol-card{background:#fff;padding:27px}
.protocol-card.roadmap{grid-column:span 2;border-top:3px solid var(--brand);background:#f8f9fc}
.protocol-card>span{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--brand-ink)}
.protocol-card.roadmap>span{color:#6c4f06}
.protocol-card h3{margin:10px 0 7px;font-size:20px}
.protocol-card>p{max-width:62ch;margin:0;color:var(--ink-soft);font-size:14px;line-height:1.55}
.industrial-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}
.integration-channels{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.integration-channels span{padding:6px 10px;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));border-radius:999px;color:var(--brand-ink);font-size:12px}
.integration-sync{background:#fff}
.sync-direction{display:grid;grid-template-columns:minmax(0,.78fr) 28px minmax(0,1.22fr);gap:12px;align-items:center;margin-top:22px;padding:15px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-alt)}
.sync-direction>strong{font-size:12.5px;color:var(--brand-ink)}
.sync-direction>span{color:var(--brand);font-size:20px;text-align:center}
.sync-direction>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.sync-direction>div span{padding:8px;background:#fff;border:1px solid var(--line);border-radius:7px;font-size:11px;text-align:center}
.sync-groups .integration-points{margin-top:10px}
.integration-operations{padding:72px 0;background:var(--dark);color:#fff}
.integration-operations-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:58px;align-items:start}
.integration-operations .integration-kicker{color:#79aaff}
.integration-operations .integration-copy>p,.integration-operations .integration-points li{color:#a6b2c6}
.integration-operations .integration-points li::before{background:#79aaff}
.operations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#26344a;border:1px solid #26344a;border-radius:var(--radius-lg);overflow:hidden}
.operations-grid article{padding:24px;background:#10182a}
.operations-grid h3{margin:0;color:#fff;font-size:17px}
.operations-grid .integration-points{margin-top:14px}
.integration-docs-section{padding:58px 0;background:var(--bg-alt);border-bottom:1px solid var(--line)}
.integration-docs-section h2{margin:0 0 14px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-ink)}
.integration-docs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#fff}
.integration-doc-link{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:17px;border-left:1px solid var(--line);color:var(--brand-ink);font-family:var(--font-mono);font-size:12px}
.integration-doc-link:first-child{border-left:0}
/* EdgeBus：以现场问题为起点，用场景编号、深色采集链路和设备规格构成工业编辑叙事。 */
.edge-hero{position:relative;overflow:hidden;padding:68px 0 76px;border-bottom:1px solid var(--line);background:var(--bg-alt)}
.edge-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,color-mix(in srgb,var(--line) 38%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--line) 28%,transparent) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,#000,transparent 55%);opacity:.6}
.edge-hero>.wrap{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:clamp(46px,6vw,82px);align-items:center}
.edge-hero-copy{min-width:0}
.edge-hero-copy h1{max-width:13ch;margin-top:18px;font-size:clamp(40px,4.5vw,58px);line-height:1.03;letter-spacing:-.045em}
.edge-hero-copy .lead{max-width:46ch;margin-top:24px;font-size:17px;line-height:1.72}
.edge-hero-diagram{min-width:0;margin:0;padding:24px;border:1px solid #20283a;border-radius:16px;background:var(--dark);color:#fff;box-shadow:0 34px 70px -40px rgba(8,15,29,.85)}
.edge-hero-diagram figcaption{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid #26344a}
.edge-hero-diagram figcaption span,.edge-hero-diagram figcaption strong{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.edge-hero-diagram figcaption span{color:#71839e}
.edge-hero-diagram figcaption strong{color:#79aaff;font-size:11px}
.edge-diagram-flow{display:grid;grid-template-columns:minmax(126px,.82fr) 56px minmax(136px,1fr) 34px minmax(112px,.72fr);align-items:center}
.edge-query-stack{display:grid;gap:8px}
.edge-query-source{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 12px;border:1px solid #2a3950;border-radius:8px;background:#101a2b}
.edge-query-source>span{grid-column:1/-1;color:#71839e;font-family:var(--font-mono);font-size:8px;letter-spacing:.08em}
.edge-query-source>strong{font-size:11.5px}
.edge-query-source>small{align-self:center;color:#9ba9bd;font-family:var(--font-mono);font-size:8.5px}
.edge-merge-rail{width:56px;height:168px;overflow:visible}
.edge-merge-rail path{fill:none;stroke:#3d70bf;stroke-width:1.5;vector-effect:non-scaling-stroke}
.edge-merge-rail circle{fill:#1877f2;stroke:#79aaff;stroke-width:2;vector-effect:non-scaling-stroke}
.edge-engine-node{padding:17px 16px;border:1px solid #3d70bf;border-radius:10px;background:#132743;box-shadow:inset 0 0 0 1px rgba(121,170,255,.08)}
.edge-engine-node>span,.edge-uplink-node>span{display:block;color:#79aaff;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.1em}
.edge-engine-node>strong,.edge-uplink-node>strong{display:block;margin-top:7px;font-size:18px;line-height:1.1}
.edge-engine-node ul{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0 0;padding:0;list-style:none}
.edge-engine-node li{padding:4px 6px;border:1px solid #385174;border-radius:5px;color:#adbad0;font-family:var(--font-mono);font-size:7.5px}
.edge-diagram-arrow{color:#79aaff;font-family:var(--font-mono);font-size:17px;text-align:center}
.edge-uplink-node{padding:17px 13px;border-radius:10px;background:var(--brand);box-shadow:0 14px 28px -18px rgba(24,119,242,.9)}
.edge-uplink-node>span{color:#dceaff}
.edge-uplink-node>strong{font-size:15px}
.edge-uplink-node>small{display:block;margin-top:8px;color:#dceaff;font-size:9px;line-height:1.35}
.edge-diagram-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px;padding-top:16px;border-top:1px solid #26344a}
.edge-diagram-tags span{padding:5px 8px;border:1px solid #2b3a50;border-radius:999px;color:#91a0b6;font-family:var(--font-mono);font-size:8.5px}
.edge-overview{padding:72px 0 88px}
.edge-position-frame{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);margin-bottom:38px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:0 28px 56px -48px rgba(13,26,43,.5)}
.edge-position-title{position:relative;min-width:0;padding:40px 42px 42px}
.edge-position-title::after{content:"";position:absolute;right:0;top:28px;bottom:28px;width:1px;background:var(--line)}
.edge-position-index{display:block;margin-bottom:42px;color:#9aabc0;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em}
.edge-position-title>span:not(.edge-position-index){font-family:var(--font-mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--brand-ink)}
.edge-position-title h2{max-width:18ch;margin:14px 0 0;font-size:clamp(31px,3.8vw,46px);line-height:1.08;letter-spacing:-.04em}
.edge-position-brief{display:flex;min-width:0;flex-direction:column;justify-content:space-between;padding:36px 34px;background:var(--dark);color:#fff}
.edge-position-brief>span{color:#79aaff;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em}
.edge-position-brief>p{margin:34px 0;color:#b3bece;font-size:14.5px;line-height:1.72}
.edge-position-axis{display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:9px;align-items:center;color:#71839e;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.08em}
.edge-position-axis i{height:1px;background:#35445c;color:transparent}
.edge-section-head{max-width:840px;margin-bottom:34px}
.edge-section-head>span,.edge-solution-copy>span{font-family:var(--font-mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--brand-ink)}
.edge-section-head h2,.edge-solution-copy h2{margin:13px 0 15px;font-size:clamp(29px,3.6vw,42px);line-height:1.12;letter-spacing:-.03em}
.edge-section-head>p,.edge-solution-copy>p{max-width:66ch;margin:0;color:var(--ink-soft);font-size:16px;line-height:1.68}
.edge-problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:72px;border-block:1px solid var(--line)}
.edge-problem-card{min-width:0;padding:26px 28px 29px 0;border-left:1px solid var(--line)}
.edge-problem-card:first-child{border-left:0}
.edge-problem-card:not(:first-child){padding-left:28px}
.edge-problem-card>span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;color:var(--brand-ink)}
.edge-problem-card h3{margin:12px 0 7px;font-size:18px}
.edge-problem-card p{margin:0;color:var(--ink-soft);font-size:13.5px;line-height:1.58}
.edge-flow-block{margin-bottom:82px}
.edge-flow-label{margin:0 0 12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--brand-ink)}
.edge-field-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;border:1px solid #20283a;border-radius:var(--radius-lg);overflow:hidden;background:var(--dark);box-shadow:0 34px 68px -48px rgba(10,14,26,.9)}
.edge-field-flow li{position:relative;min-width:0;padding:25px 21px;color:#fff;border-left:1px solid #26344a}
.edge-field-flow li:first-child{border-left:0}
.edge-field-flow li:not(:last-child)::after{content:"→";position:absolute;right:-8px;top:27px;z-index:2;width:16px;color:#79aaff;font-family:var(--font-mono);font-size:13px;text-align:center}
.edge-field-flow li>span{color:#79aaff;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em}
.edge-field-flow h4{margin:12px 0 6px;font-size:15.5px;line-height:1.3}
.edge-field-flow p{margin:0;color:#96a5bb;font-size:11.5px;line-height:1.5}
.edge-scenarios{margin-bottom:82px}
.edge-scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--line)}
.edge-scenario{display:flex;min-width:0;min-height:390px;flex-direction:column;padding:30px 32px;background:#fff}
.edge-scenario:nth-child(2),.edge-scenario:nth-child(3){background:var(--bg-alt)}
.edge-scenario-meta{display:flex;align-items:center;justify-content:space-between;color:var(--brand)}
.edge-scenario-meta>span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.11em;color:var(--brand-ink)}
.edge-scenario h3{margin:18px 0 9px;font-size:22px;letter-spacing:-.018em}
.edge-scenario>p{max-width:62ch;margin:0;color:var(--ink-soft);font-size:14px;line-height:1.62}
.edge-scenario .edge-points{margin:19px 0 24px}
.edge-scenario .edge-points li{font-size:12.5px}
.edge-scenario-outcome{display:block;margin-top:auto;padding:14px 16px;border-left:3px solid var(--brand);background:var(--dark);color:#d7dfeb;font-size:12.5px;line-height:1.5}
.edge-solution-split{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(42px,7vw,88px);align-items:center;margin-bottom:68px}
.edge-solution-split>*{min-width:0}
.edge-points{display:grid;gap:9px;margin:22px 0 0;padding:0;list-style:none}
.edge-points li{position:relative;padding-left:18px;color:var(--ink-soft);font-size:13.5px;line-height:1.5}
.edge-points li::before{content:"";position:absolute;left:1px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--brand)}
.edge-hardware{position:relative;margin:0}
.edge-hardware-panel{display:grid;min-height:420px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-alt)}
.edge-hardware-panel::before{content:"EB / FIELD RUNTIME";position:absolute;top:20px;left:22px;color:var(--ink-soft);font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em}
.edge-hardware-panel img{display:block;width:78%;height:auto;filter:drop-shadow(0 28px 40px rgba(13,26,43,.2))}
.edge-hardware figcaption{position:absolute;right:18px;bottom:16px;padding:7px 10px;border:1px solid #26344a;border-radius:7px;background:var(--dark);color:#a6b2c6;font-family:var(--font-mono);font-size:10.5px}
.edge-boundary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-bottom:30px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--line)}
.edge-boundary-card{padding:26px 28px;background:#fff}
.edge-boundary-card:last-child{background:var(--bg-alt)}
.edge-boundary-card>span{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;color:var(--brand-ink)}
.edge-boundary-card h3{margin:10px 0 7px;font-size:18px}
.edge-boundary-card p{margin:0;color:var(--ink-soft);font-size:13.5px;line-height:1.58}
.edge-audiences{display:grid;grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);gap:34px;align-items:center;padding:24px 28px;border-radius:var(--radius-lg);background:var(--dark);color:#fff}
.edge-audiences>h3{margin:0;font-size:18px;line-height:1.35}
.edge-audiences>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.edge-audiences article{min-width:0;padding:3px 16px;border-left:1px solid #26344a}
.edge-audiences strong,.edge-audiences span{display:block}
.edge-audiences strong{font-size:12.5px}
.edge-audiences span{margin-top:4px;color:#91a0b6;font-size:10.5px;line-height:1.45}
.edge-compiler-evidence{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(280px,.68fr);gap:22px;align-items:stretch;margin-top:30px}
.edge-compiler-evidence>figure{margin:0}
.edge-compiler-evidence .shot-frame img{object-fit:cover;object-position:top}
.edge-compiler-evidence figcaption{margin-top:10px;color:var(--ink-soft);font-family:var(--font-mono);font-size:11px}
.edge-lifecycle{padding:27px 28px;border:1px solid #26344a;border-radius:var(--radius-lg);background:var(--dark);color:#fff}
.edge-lifecycle>span{color:#79aaff;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em}
.edge-lifecycle h3{margin:11px 0 19px;font-size:20px}
.edge-lifecycle ol{display:grid;gap:0;margin:0;padding:0;list-style:none}
.edge-lifecycle li{display:flex;gap:12px;padding:10px 0;border-top:1px solid #26344a;color:#b6c0d0;font-size:12.5px}
.edge-lifecycle li>span{color:#79aaff;font-family:var(--font-mono);font-size:10.5px}
.edge-overview .docs-cta{padding-top:30px}
.edge-devices{padding:78px 0;border-block:1px solid var(--line);background:var(--bg-alt)}
.edge-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--line)}
.edge-device{display:flex;min-width:0;flex-direction:column;padding:30px 28px;background:#fff}
.edge-device:nth-child(2){position:relative;background:var(--dark);color:#fff}
.edge-device:nth-child(2)::before{content:"15V SENSOR POWER";position:absolute;top:18px;right:18px;color:#79aaff;font-family:var(--font-mono);font-size:9px;letter-spacing:.11em}
.edge-device-code{color:var(--brand-ink);font-family:var(--font-mono);font-size:12px;font-weight:650;letter-spacing:.11em}
.edge-device:nth-child(2) .edge-device-code{color:#79aaff}
.edge-device h3{margin:13px 0 17px;font-size:20px;letter-spacing:-.016em}
.edge-device-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 18px;border-block:1px solid var(--line)}
.edge-device-meta>div{min-width:0;padding:12px 10px 12px 0}
.edge-device-meta>div+div{padding-left:12px;border-left:1px solid var(--line)}
.edge-device-meta dt{color:var(--ink-soft);font-family:var(--font-mono);font-size:8.5px;letter-spacing:.1em}
.edge-device-meta dd{margin:5px 0 0;color:var(--ink);font-size:11.5px;font-weight:650;overflow-wrap:anywhere}
.edge-device>p{margin:0;color:var(--ink-soft);font-size:13.5px;line-height:1.62}
.edge-device .edge-points{margin-top:20px}
.edge-device .edge-points li{font-size:12px}
.edge-device:nth-child(2) .edge-device-meta{border-color:#2c3b51}
.edge-device:nth-child(2) .edge-device-meta>div+div{border-color:#2c3b51}
.edge-device:nth-child(2) .edge-device-meta dt,.edge-device:nth-child(2)>p,.edge-device:nth-child(2) .edge-points li{color:#aab6c8}
.edge-device:nth-child(2) .edge-device-meta dd{color:#fff}
.edge-device-search{margin-top:25px;text-align:right}
.edge-device-search a{display:inline-flex;align-items:center;min-height:42px;padding:0 17px;border:1px solid var(--brand);border-radius:8px;color:var(--brand-ink);font-family:var(--font-mono);font-size:12.5px;font-weight:650;transition:background .2s,color .2s}
.edge-device-search a:hover{background:var(--brand);color:#fff}
/* EdgeBus 设备家族页：工业产品目录，而不是重复的功能卡片。 */
.edge-device-page-hero{position:relative;overflow:hidden;padding:72px 0 82px;background:var(--dark);color:#fff}
.edge-device-page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.055) 50%,transparent 50.1%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:100% 100%,100% 72px;pointer-events:none}
.edge-device-page-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.78fr) minmax(540px,1.22fr);gap:62px;align-items:center}
.edge-device-page-hero-copy{position:relative;z-index:2}
.edge-device-page-hero-copy .eyebrow{color:#79aaff;border-color:#375176;background:#111d30}
.edge-device-page-hero-copy h1{max-width:11ch;margin:19px 0 20px;font-size:clamp(42px,5.4vw,72px);line-height:1.02;letter-spacing:-.042em}
.edge-device-page-hero-copy>p{max-width:42ch;margin:0;color:#aeb9ca;font-size:17px;line-height:1.7}
.edge-device-page-hero-actions{display:flex;align-items:center;gap:23px;margin-top:30px}
.edge-device-page-text-link{color:#d9e0eb;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em}
.edge-device-page-text-link:hover{color:#79aaff}
.edge-device-page-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:390px;margin:39px 0 0;border-block:1px solid #26364d}
.edge-device-page-counts>div{padding:15px 18px 16px 0}
.edge-device-page-counts>div+div{padding-left:20px;border-left:1px solid #26364d}
.edge-device-page-counts dt{color:#7788a2;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.edge-device-page-counts dd{margin:6px 0 0;font-size:17px;font-weight:650}
.edge-device-page-family{position:relative;min-height:525px;border:1px solid #26364d;background:linear-gradient(145deg,#101b2c 0%,#0a111e 72%);box-shadow:0 34px 80px -50px #000}
.edge-device-page-family::before,.edge-device-page-family::after{content:"";position:absolute;background:#26364d}
.edge-device-page-family::before{left:33.333%;top:0;bottom:0;width:1px}
.edge-device-page-family::after{left:0;right:0;bottom:62px;height:1px}
.edge-device-page-family-item{position:absolute;z-index:2;margin:0}
.edge-device-page-family-item>span{position:absolute;z-index:3;color:#7e8da4;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em}
.edge-device-page-family-item img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 34px rgba(0,0,0,.38))}
.edge-device-page-family-item figcaption{position:absolute;color:#8391a6;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;white-space:nowrap}
.edge-device-page-family-item-1{left:1%;bottom:55px;width:42%;height:400px}
.edge-device-page-family-item-1>span{left:18px;top:12px}
.edge-device-page-family-item-1 figcaption{left:18px;bottom:13px}
.edge-device-page-family-item-2{right:21%;bottom:72px;width:38%;height:310px}
.edge-device-page-family-item-2>span{right:12px;top:2px}
.edge-device-page-family-item-2 figcaption{right:12px;bottom:3px}
.edge-device-page-family-item-3{right:0;bottom:90px;width:31%;height:250px}
.edge-device-page-family-item-3>span{right:15px;top:0}
.edge-device-page-family-item-3 figcaption{right:15px;bottom:0}
.edge-device-page-family-note{position:absolute;right:20px;bottom:17px;z-index:3;display:flex;gap:14px;align-items:center;font-family:var(--font-mono)}
.edge-device-page-family-note span{color:#71819a;font-size:8.5px;letter-spacing:.12em}
.edge-device-page-family-note strong{color:#d6deea;font-size:11px;letter-spacing:.06em}
.edge-device-page-current{padding:92px 0 96px;background:#f8f7f3}
.edge-device-page-heading{display:grid;grid-template-columns:minmax(170px,.42fr) minmax(0,.96fr) minmax(300px,.62fr);gap:30px;align-items:start;margin-bottom:43px;padding-top:16px;border-top:1px solid var(--ink)}
.edge-device-page-heading>span{color:var(--brand-ink);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.edge-device-page-heading h2{margin:0;font-size:clamp(29px,3.3vw,43px);line-height:1.12;letter-spacing:-.03em}
.edge-device-page-heading>p{margin:2px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.66}
.edge-device-profile-list{display:grid;gap:28px}
.edge-device-profile{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:530px;overflow:hidden;border:1px solid #cfd2d2;background:#fff}
.edge-device-profile:nth-child(even){grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.edge-device-profile:nth-child(even) .edge-device-profile-media{order:2}
.edge-device-profile-media{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden;background:#e9ebe9}
.edge-device-profile-media::before{content:"";position:absolute;inset:18px;border:1px solid rgba(13,26,43,.12);pointer-events:none}
.edge-device-profile-media img{display:block;width:79%;height:420px;object-fit:contain;filter:drop-shadow(0 28px 30px rgba(13,26,43,.18));transition:transform .45s ease}
.edge-device-profile:hover .edge-device-profile-media img{transform:translateY(-5px)}
.edge-device-profile-index{position:absolute;top:31px;left:32px;color:#637080;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em}
.edge-device-profile-status{position:absolute;right:31px;bottom:28px;padding:7px 10px;border:1px solid #cc5f2e;background:#fff7ef;color:#9d3f17;font-family:var(--font-mono);font-size:9px;letter-spacing:.09em;text-transform:uppercase}
.edge-device-profile-copy{display:flex;min-width:0;flex-direction:column;padding:54px 55px 42px}
.edge-device-profile-code{color:var(--brand-ink);font-family:var(--font-mono);font-size:13px;font-weight:650;letter-spacing:.15em}
.edge-device-profile-copy h3{margin:14px 0 17px;font-size:clamp(27px,3vw,39px);line-height:1.13;letter-spacing:-.028em}
.edge-device-profile-copy>p{max-width:54ch;margin:0;color:var(--ink-soft);font-size:14.5px;line-height:1.67}
.edge-device-profile-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:30px 0 0;border-top:1px solid var(--line)}
.edge-device-profile-specs>div{min-width:0;padding:13px 12px 13px 0;border-bottom:1px solid var(--line)}
.edge-device-profile-specs>div:nth-child(even){padding-left:13px;border-left:1px solid var(--line)}
.edge-device-profile-specs dt,.edge-device-profile-groups>div>span{color:#7d8792;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.1em}
.edge-device-profile-specs dd{margin:5px 0 0;color:var(--ink);font-size:12px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}
.edge-device-profile-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:auto;padding-top:24px}
.edge-device-profile-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none}
.edge-device-profile-tags li{padding:6px 8px;background:var(--bg-alt);color:#49576a;font-size:10.5px;line-height:1.2}
.edge-device-comparison{padding:86px 0;border-block:1px solid var(--line);background:#fff}
.edge-device-compare-wrap{overflow-x:auto;border:1px solid var(--ink);background:#fff;outline:none;overscroll-behavior-inline:contain}
.edge-device-compare-wrap:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 32%,transparent)}
.edge-device-compare-table{width:100%;min-width:820px;border-collapse:collapse;table-layout:fixed}
.edge-device-compare-table th,.edge-device-compare-table td{padding:18px 20px;border-left:1px solid var(--line);border-top:1px solid var(--line);text-align:left;vertical-align:top;font-size:13px;line-height:1.45}
.edge-device-compare-table tr>*:first-child{width:20%;border-left:0}
.edge-device-compare-table thead th{border-top:0;background:var(--dark);color:#fff;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em}
.edge-device-compare-table thead th:first-child{color:#7f8da3}
.edge-device-compare-table tbody th{background:#f4f3ef;color:#657080;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em}
.edge-device-compare-table tbody td{font-weight:550}
.edge-device-compare-note{margin:13px 0 0;color:var(--ink-soft);font-size:11px}
.edge-device-capability{padding:86px 0;background:var(--dark);color:#fff}
.edge-device-capability .edge-device-page-heading{border-color:#40506a}
.edge-device-capability .edge-device-page-heading>span{color:#79aaff}
.edge-device-capability .edge-device-page-heading>p{color:#9ba9bd}
.edge-device-capability-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;border:1px solid #2a3950;list-style:none}
.edge-device-capability-rail li{position:relative;min-width:0;min-height:175px;padding:23px 18px;border-left:1px solid #2a3950}
.edge-device-capability-rail li:first-child{border-left:0}
.edge-device-capability-rail li:not(:last-child)::after{content:"→";position:absolute;right:-9px;top:23px;z-index:2;color:#ee7841;font-family:var(--font-mono);font-size:13px}
.edge-device-capability-rail span,.edge-device-capability-rail strong,.edge-device-capability-rail small{display:block}
.edge-device-capability-rail span{color:#79aaff;font-family:var(--font-mono);font-size:10px}
.edge-device-capability-rail strong{margin-top:46px;font-size:14px}
.edge-device-capability-rail small{margin-top:8px;color:#8f9db1;font-size:11px;line-height:1.5}
.edge-device-page-roadmap{padding:92px 0 80px;background:#eeece6}
.edge-device-roadmap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.edge-device-roadmap-card{display:grid;grid-template-columns:minmax(190px,.72fr) minmax(0,1.28fr);min-height:410px;border:1px dashed #90969b;background:rgba(255,255,255,.45)}
.edge-device-roadmap-visual{position:relative;display:grid;place-items:center;overflow:hidden;border-right:1px dashed #a9adaf;background:repeating-linear-gradient(135deg,transparent 0,transparent 12px,rgba(13,26,43,.025) 12px,rgba(13,26,43,.025) 13px)}
.edge-device-roadmap-visual i{position:absolute;left:18px;bottom:17px;color:#858b91;font-family:var(--font-mono);font-size:10px;font-style:normal;letter-spacing:.14em}
.edge-device-roadmap-shape{position:relative;display:block;width:112px;height:166px;border:1px solid #899095;background:#d8d8d3;box-shadow:inset 0 0 0 10px #ecebe6}
.edge-device-roadmap-shape::before,.edge-device-roadmap-shape::after{content:"";position:absolute;border:1px solid #899095}
.edge-device-roadmap-shape::before{left:24px;right:24px;top:32px;height:62px}
.edge-device-roadmap-shape::after{left:36px;right:36px;bottom:22px;height:8px;background:#a8aba9}
.edge-device-roadmap-shape-1{height:142px;border-radius:6px}
.edge-device-roadmap-shape-2{width:126px;height:174px;border-radius:28px 28px 8px 8px}
.edge-device-roadmap-shape-2::before{top:39px}
.edge-device-roadmap-copy{padding:34px 31px}
.edge-device-roadmap-status{display:inline-flex;padding:6px 8px;border:1px solid #a66342;color:#8a4423;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.edge-device-roadmap-code{margin:25px 0 7px;color:#727980;font-family:var(--font-mono);font-size:12px;letter-spacing:.13em}
.edge-device-roadmap-copy h3{margin:0 0 12px;font-size:22px;letter-spacing:-.02em}
.edge-device-roadmap-copy>p:not(.edge-device-roadmap-code){margin:0;color:var(--ink-soft);font-size:13px;line-height:1.55}
.edge-device-roadmap-copy dl{margin:20px 0 17px;border-top:1px solid #c8c8c2}
.edge-device-roadmap-copy dl>div{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid #c8c8c2}
.edge-device-roadmap-copy dt{color:#858b91;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.08em}
.edge-device-roadmap-copy dd{margin:0;font-size:11.5px;font-weight:600}
.edge-device-roadmap-copy>small{display:block;color:#696f76;font-size:10.5px;line-height:1.5}
.edge-device-roadmap-continuity{max-width:70ch;margin:28px 0 0;color:var(--ink-soft);font-size:13px}
.edge-device-page-roadmap .docs-cta{padding-top:30px}
/* EdgeBus 已对接设备：像样本库而不是商城。空白媒体位保留真实资料边界，不伪造产品图。 */
.device-catalog-hero{padding:70px 0 62px;overflow:hidden;background:#eeece6;border-bottom:1px solid #c9c8c2}
.device-catalog-hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr);gap:72px;align-items:end}
.device-catalog-hero-copy{max-width:780px}
.device-catalog-hero-copy h1{max-width:12ch;margin:18px 0 20px;font-size:clamp(44px,6.2vw,78px);line-height:.98;letter-spacing:-.055em}
.device-catalog-hero-copy p{max-width:58ch;margin:0;color:#59616a;font-size:17px;line-height:1.7}
.device-catalog-hero-count{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:0 17px;padding:28px 0 4px;border-top:1px solid #969b9e}
.device-catalog-hero-count::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;background:var(--brand)}
.device-catalog-hero-count strong{grid-row:span 2;font-family:var(--font-mono);font-size:clamp(58px,7vw,86px);font-weight:500;line-height:.78;letter-spacing:-.08em;color:#15253a}
.device-catalog-hero-count span{align-self:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#26384f}
.device-catalog-hero-count small{align-self:start;color:#777e84;font-size:11px;line-height:1.45}
.device-catalog{padding:86px 0 96px;background:#f8f7f3}
.device-catalog-heading{display:grid;grid-template-columns:180px minmax(0,.9fr) minmax(300px,.7fr);gap:30px;align-items:start;padding-bottom:32px;border-bottom:1px solid #bfc1c0}
.device-catalog-heading>span{padding-top:7px;color:#8d4a2c;font-family:var(--font-mono);font-size:10px;letter-spacing:.15em}
.device-catalog-heading h2{margin:0;font-size:clamp(30px,3.8vw,46px);line-height:1.06;letter-spacing:-.04em}
.device-catalog-heading p{margin:3px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.65}
.device-catalog-controls{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(0,1fr);gap:22px 42px;padding:29px 0 26px;border-bottom:1px solid #bfc1c0}
.device-catalog-search{display:grid;align-content:start;grid-row:span 2;gap:9px}
.device-catalog-search>span,.device-catalog-filter-group>span{display:block;color:#777e84;font-family:var(--font-mono);font-size:9px;letter-spacing:.13em;text-transform:uppercase}
.device-catalog-search input{width:100%;height:52px;padding:0 16px;border:1px solid #aeb2b2;border-radius:0;background:#fff;color:var(--ink);font:500 14px var(--font-sans);outline:0;transition:border-color .18s,box-shadow .18s}
.device-catalog-search input::placeholder{color:#969b9d}
.device-catalog-search input:focus{border-color:#394b62;box-shadow:inset 3px 0 0 var(--brand)}
.device-catalog-filter-group{display:grid;grid-template-columns:128px minmax(0,1fr);gap:14px;align-items:start}
.device-catalog-filter-group>span{padding-top:8px}
.device-catalog-filter-options{display:flex;flex-wrap:wrap;gap:7px}
.device-catalog-filter{min-height:30px;padding:5px 10px;border:1px solid #b7bab9;border-radius:0;background:transparent;color:#555e66;font:500 11px var(--font-sans);cursor:pointer;transition:background .16s,border-color .16s,color .16s}
.device-catalog-filter:hover{border-color:#69727a;color:#1b2a3e}
.device-catalog-filter.is-active{border-color:#a54e29;background:#b95a30;color:#fff}
.device-catalog-results{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:2px}
.device-catalog-results p{margin:0;color:#636b72;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em}
.device-catalog-results button,.device-catalog-empty button{padding:0;border:0;background:transparent;color:#8d4a2c;font:600 11px var(--font-sans);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.device-catalog-results button{visibility:hidden}
.device-catalog.has-active-filters .device-catalog-results button{visibility:visible}
.device-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:28px;border:1px solid #c7c8c5;background:#c7c8c5}
.device-catalog-card{display:flex;min-width:0;flex-direction:column;background:#fff;color:inherit;text-decoration:none;transition:background .18s,color .18s}
.device-catalog-card[hidden]{display:none}
.device-catalog-card:hover{background:#fdfbf7;color:inherit}
.device-catalog-card:focus-visible{position:relative;z-index:2;outline:3px solid var(--brand);outline-offset:-3px}
.device-catalog-media{position:relative;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid #d6d6d1;background-color:#f0efea}
.device-catalog-media.is-empty{background-image:linear-gradient(90deg,transparent calc(50% - .5px),rgba(28,43,61,.035) 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),rgba(28,43,61,.035) 50%,transparent calc(50% + .5px))}
.device-catalog-media.has-image{display:grid;place-items:center;background:#fff}
.device-catalog-media img{display:block;width:100%;height:100%;object-fit:contain}
.device-catalog-card-body{display:flex;min-height:318px;flex:1;flex-direction:column;padding:22px 23px 20px}
.device-catalog-card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#7c8388;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.device-catalog-card-topline i{padding:4px 6px;border:1px solid #aeb4b7;color:#647078;font-style:normal;letter-spacing:.06em}
.device-catalog-card[data-archived="true"] .device-catalog-card-topline i{border-color:#bc8a70;color:#984c2b}
.device-catalog-model{margin:24px 0 7px;color:#1e3858;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.04em}
.device-catalog-card h3{margin:0;font-size:19px;line-height:1.25;letter-spacing:-.02em}
.device-catalog-vendor{margin:7px 0 0;color:#858b90;font-size:11px}
.device-catalog-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:25px 0 22px;border-top:1px solid #deded9}
.device-catalog-meta>div{min-width:0;padding:10px 10px 8px 0;border-bottom:1px solid #deded9}
.device-catalog-meta dt{color:#999e9f;font-family:var(--font-mono);font-size:7.5px;letter-spacing:.08em}
.device-catalog-meta dd{margin:3px 0 0;overflow-wrap:anywhere;color:#565f67;font-size:10.5px;line-height:1.4}
.device-catalog-doc-link{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:13px;border-top:1px solid #252f3c;color:#253a55;font-family:var(--font-mono);font-size:10px;letter-spacing:.05em}
.device-catalog-doc-link b{color:var(--brand);font-size:14px;font-weight:500;transition:transform .18s}
.device-catalog-card:hover .device-catalog-doc-link b{transform:translate(2px,-2px)}
.device-catalog-empty{margin-top:28px;padding:54px 24px;border:1px solid #bfc1c0;text-align:center}
.device-catalog-empty p{margin:0 0 13px;color:var(--ink-soft);font-size:14px}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.price-col{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;box-shadow:var(--shadow-card)}
.price-grid .price-col:first-child{border:2px solid var(--brand);box-shadow:0 22px 46px -22px color-mix(in srgb,var(--brand) 30%,transparent)}
.price-col.reserved{background:var(--bg-alt);border:1px dashed var(--line);color:var(--ink-soft);box-shadow:none}
.price-col .amt{font-size:34px;font-weight:700;letter-spacing:-.02em;margin:6px 0 4px}
.price-col ul{list-style:none;padding:0;margin:16px 0 24px;font-size:14.5px;color:var(--ink-soft)}
.price-col li{padding:6px 0 6px 20px;position:relative}
.price-col li::before{content:"";position:absolute;left:0;top:12px;width:8px;height:2px;background:var(--brand)}
.price-col .btn{margin-top:auto}
/* 首图占满一行、余两张并排,给三张截图一个主次节奏,而不是三等分平铺。 */
.shot-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}
.shot-grid>*{grid-column:span 6}
.shot-grid>*:first-child{grid-column:span 12}
.shot{margin:0}
.shot-frame{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:0 26px 52px -36px rgba(13,26,43,.4)}
.shot-frame img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top}
.shot figcaption{margin-top:12px;font-family:var(--font-mono);font-size:12.5px;color:var(--ink-soft);line-height:1.5}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px}
.contact-list{display:grid;gap:16px;font-size:16px}
.contact-list>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:var(--shadow-card)}
.contact-list b{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-family:var(--font-mono);margin-bottom:4px}
/* hero 配图按图片真实比例渲染,不套用 .shot-frame 的 1280/685 固定比例(会拉伸 530px 高的告警台截图)。 */
.page-hero-shot .shot-frame img{aspect-ratio:auto}
@media (max-width:1100px){.card-grid[data-cards="8"]{--span:6}}
@media (max-width:900px){
  /* 必须带 [data-cards] 才够特异性:.card-grid[data-cards="4"]{--span:6} 是 (0,2,0),
     光写 .card-grid 是 (0,1,0),会被它压过去,导致卡片在单列网格里跨 6 列撑出隐式列。 */
  .card-grid,.card-grid[data-cards]{--cols:1;--span:1;--span-lead:1}
  .shot-grid>*{grid-column:span 12}
  .price-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr;gap:28px}
  .page-hero.split .wrap{grid-template-columns:1fr;gap:32px}
  .page-hero-shot figcaption{text-align:left}
  .edge-hero>.wrap,.edge-position-frame{grid-template-columns:1fr}
  .edge-hero-copy h1{max-width:18ch}
  .edge-hero-diagram{width:100%;max-width:720px}
  .edge-position-title::after{left:28px;right:28px;top:auto;bottom:0;width:auto;height:1px}
  .access-rail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .access-item{border-top:1px solid #20283a}
  .access-item:nth-child(-n+2){border-top:0}
  .access-item:nth-child(odd){border-left:0}
  .deployment-band-inner{grid-template-columns:1fr;gap:28px}
  .data-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .data-journey-item:nth-child(odd){border-left:0}
  .data-journey-item:nth-child(n+3){border-top:1px solid var(--line)}
  .data-split,.data-split-media-first{grid-template-columns:1fr;gap:34px}
  .data-dashboard-grid{grid-template-columns:1fr}
  .automation-loop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .automation-loop-item:nth-child(odd){border-left:0}
  .automation-loop-item:nth-child(n+3){border-top:1px solid var(--line)}
  .automation-split,.automation-media-first{grid-template-columns:1fr;gap:34px}
  .automation-media-first>.automation-shot{order:2}
  .automation-alarm-grid{grid-template-columns:1fr 1fr}
  .automation-mqtt-flow{grid-template-columns:1fr}
  .automation-mqtt-arrow{height:34px;transform:rotate(90deg)}
  .integration-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .integration-flow-item{border-top:1px solid var(--line)}
  .integration-flow-item:nth-child(-n+2){border-top:0}
  .integration-flow-item:nth-child(odd){border-left:0}
  .integration-split,.integration-media-first{grid-template-columns:1fr;gap:34px}
  .integration-industrial-head,.integration-operations-inner{grid-template-columns:1fr}
  .industrial-shots{grid-template-columns:1fr 1fr}
  .sync-direction{grid-template-columns:1fr}
  .sync-direction>span{transform:rotate(90deg)}
  .integration-docs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .integration-doc-link{border-top:1px solid var(--line)}
  .edge-problem-grid{grid-template-columns:1fr}
  .edge-problem-card,.edge-problem-card:not(:first-child){padding:22px 0;border-top:1px solid var(--line);border-left:0}
  .edge-problem-card:first-child{border-top:0}
  .edge-field-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .edge-field-flow li{border-top:1px solid #26344a}
  .edge-field-flow li:nth-child(-n+2){border-top:0}
  .edge-field-flow li:nth-child(odd){border-left:0}
  .edge-field-flow li::after{display:none}
  .edge-solution-split{grid-template-columns:1fr;gap:34px}
  .edge-audiences{grid-template-columns:1fr}
  .edge-compiler-evidence{grid-template-columns:1fr}
  .edge-device-grid{grid-template-columns:1fr}
  .edge-device-page-hero-grid{grid-template-columns:1fr;gap:44px}
  .edge-device-page-hero-copy{max-width:700px}
  .edge-device-page-family{width:100%;max-width:760px;min-height:500px}
  .edge-device-page-heading{grid-template-columns:180px 1fr}
  .edge-device-page-heading>p{grid-column:2}
  .device-catalog-hero-grid{grid-template-columns:1fr;gap:42px}
  .device-catalog-hero-count{max-width:420px}
  .device-catalog-heading{grid-template-columns:150px 1fr}
  .device-catalog-heading p{grid-column:2}
  .device-catalog-controls{grid-template-columns:1fr}
  .device-catalog-search{grid-row:auto}
  .device-catalog-results{grid-column:auto}
  .device-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .edge-device-profile{grid-template-columns:1fr}
  .edge-device-profile:nth-child(even){grid-template-columns:1fr}
  .edge-device-profile:nth-child(even) .edge-device-profile-media{order:0}
  .edge-device-profile-media{min-height:430px}
  .edge-device-profile-copy{padding:43px 42px}
  .edge-device-capability-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
  .edge-device-capability-rail li:nth-child(4){border-left:0}
  .edge-device-capability-rail li:nth-child(n+4){border-top:1px solid #2a3950}
  .edge-device-roadmap-card{grid-template-columns:1fr}
  .edge-device-roadmap-visual{min-height:260px;border-right:0;border-bottom:1px dashed #a9adaf}
}
@media (max-width:520px){
  .page-hero h1,.edge-section-head h2,.edge-solution-copy h2{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
  .edge-hero{padding:44px 0 52px}
  .edge-hero>.wrap{gap:32px}
  .edge-hero-copy h1{font-size:clamp(34px,11vw,42px)}
  .edge-hero-copy .lead{font-size:15.5px}
  .edge-hero-diagram{padding:18px}
  .edge-hero-diagram figcaption{align-items:flex-start}
  .edge-hero-diagram figcaption strong{text-align:right}
  .edge-diagram-flow{grid-template-columns:1fr;gap:12px}
  .edge-merge-rail{display:none}
  .edge-diagram-arrow{transform:rotate(90deg)}
  .edge-uplink-node{text-align:center}
  .edge-position-title,.edge-position-brief{padding:26px 24px}
  .edge-position-index{margin-bottom:24px}
  .edge-position-title h2{font-size:clamp(29px,9.5vw,38px)}
  .edge-position-brief>p{margin:24px 0}
  .access-rail-grid{grid-template-columns:1fr}
  .access-item{border-left:0;border-top:1px solid #20283a}
  .access-item:nth-child(n+2){border-top:1px solid #20283a}
  .access-item:first-child{border-top:0}
  .deployment-modes{grid-template-columns:1fr}
  .deployment-mode{border-left:0;border-top:1px solid var(--line)}
  .deployment-mode:first-child{border-top:0}
  .docs-cta-list{align-items:flex-start;flex-direction:column;gap:12px}
  .data-section{padding:52px 0}
  .data-journey-grid{grid-template-columns:1fr}
  .data-journey-item{border-left:0;border-top:1px solid var(--line)}
  .data-journey-item:first-child{border-top:0}
  .data-model-stack{padding:0;display:grid;gap:18px}
  .data-shot-secondary{position:static;width:auto}
  .data-split-media-first>div{order:1}
  .data-split-media-first>.data-location-shot{order:2}
  .page-hero-shot-note{position:static;margin-top:12px}
  .data-dashboard-grid{gap:14px}
  .data-cockpit,.data-cardlist,.data-agent-flow{padding:18px}
  .automation-section{padding:54px 0}
  .automation-loop-grid{grid-template-columns:1fr}
  .automation-loop-item{border-left:0;border-top:1px solid var(--line)}
  .automation-loop-item:first-child{border-top:0}
  .automation-rpc-stack{padding:0;display:grid;gap:18px}
  .automation-shot-secondary{position:static;width:auto}
  .automation-shot-secondary .shot-frame{border:1px solid var(--line)}
  .automation-media-first>div{order:1}
  .automation-media-first>.automation-shot{order:2}
  .automation-decision-grid,.automation-alarm-grid{grid-template-columns:1fr}
  .automation-alarm-grid>.automation-shot:last-child{margin-top:0}
  .automation-log-window{padding-bottom:0}
  .automation-log-groups{position:static;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
  .automation-mqtt{padding:56px 0}
  .automation-mqtt .docs-cta-list{padding-top:24px}
  .integration-section{padding:56px 0}
  .integration-flow{grid-template-columns:1fr}
  .integration-flow-item{border-left:0;border-top:1px solid var(--line)}
  .integration-flow-item:first-child{border-top:0}
  .integration-flow-item:nth-child(2){border-top:1px solid var(--line)}
  .integration-media-first>div{order:1}
  .integration-media-first>.integration-split-media{order:2}
  .protocol-grid,.mqtt-paths,.rpc-mode-grid,.sync-groups,.industrial-shots,.operations-grid,.integration-docs{grid-template-columns:1fr}
  .protocol-card.roadmap{grid-column:auto}
  .sync-direction>div{grid-template-columns:1fr}
  .deployment-restriction{white-space:normal;width:fit-content}
  .integration-doc-link{border-left:0;border-top:1px solid var(--line)}
  .integration-doc-link:first-child{border-top:0}
  .edge-overview{padding-bottom:58px}
  .edge-flow-block{margin-bottom:58px}
  .edge-field-flow{grid-template-columns:1fr}
  .edge-field-flow li,.edge-field-flow li:nth-child(2){border-top:1px solid #26344a;border-left:0}
  .edge-field-flow li:first-child{border-top:0}
  .edge-scenarios{margin-bottom:58px}
  .edge-scenario-grid{grid-template-columns:1fr}
  .edge-scenario{min-height:0;padding:25px 22px}
  .edge-hardware-panel{min-height:300px}
  .edge-hardware-panel img{width:92%}
  .edge-boundary-grid{grid-template-columns:1fr}
  .edge-audiences{padding:23px 20px}
  .edge-audiences>div{grid-template-columns:1fr 1fr;gap:18px 0}
  .edge-audiences article:nth-child(odd){border-left:0;padding-left:0}
  .edge-compiler-evidence{gap:14px}
  .edge-devices{padding:58px 0}
  .edge-device-grid{grid-template-columns:1fr}
  .edge-device{padding:25px 22px}
  .edge-device:nth-child(2)::before{position:static;order:-1;margin-bottom:10px}
  .edge-device-search{text-align:left}
  .edge-device-page-hero{overflow-x:clip;padding:48px 0 56px}
  .edge-device-page-hero-copy h1{font-size:clamp(36px,12vw,49px)}
  .edge-device-page-hero-copy>p{font-size:15px}
  .edge-device-page-hero-actions{align-items:flex-start;flex-direction:column;gap:18px}
  .edge-device-page-counts{max-width:none}
  .edge-device-page-family{min-height:360px}
  .edge-device-page-family-item-1{left:-4%;bottom:52px;width:52%;height:270px}
  .edge-device-page-family-item-2{right:16%;bottom:68px;width:46%;height:220px}
  .edge-device-page-family-item-3{right:-8%;bottom:82px;width:39%;height:175px}
  .edge-device-page-family-item figcaption{display:none}
  .edge-device-page-family-note{right:14px}
  .edge-device-page-current,.edge-device-page-roadmap{padding:60px 0}
  .edge-device-comparison,.edge-device-capability{padding:58px 0}
  .edge-device-page-heading{grid-template-columns:1fr;gap:13px;margin-bottom:30px}
  .edge-device-page-heading>p{grid-column:auto;margin-top:4px}
  .edge-device-page-heading h2{font-size:clamp(29px,9.2vw,38px)}
  .edge-device-profile{min-height:0}
  .edge-device-profile-media{min-height:310px}
  .edge-device-profile-media img{width:88%;height:270px}
  .edge-device-profile-index{top:26px;left:25px}
  .edge-device-profile-status{right:25px;bottom:23px}
  .edge-device-profile-copy{padding:31px 24px 28px}
  .edge-device-profile-copy h3{font-size:27px}
  .edge-device-profile-specs{grid-template-columns:1fr}
  .edge-device-profile-specs>div:nth-child(even){padding-left:0;border-left:0}
  .edge-device-profile-groups{grid-template-columns:1fr;gap:18px;margin-top:6px}
  .edge-device-compare-wrap{margin-right:calc((100vw - 100%)*-1);border-right:0}
  .edge-device-compare-table th,.edge-device-compare-table td{padding:15px 16px}
  .edge-device-compare-table tr>*:first-child{position:sticky;left:0;z-index:1}
  .edge-device-compare-table thead tr>*:first-child{z-index:2;background:var(--dark)}
  .edge-device-capability-rail{grid-template-columns:1fr}
  .edge-device-capability-rail li,.edge-device-capability-rail li:nth-child(4){min-height:0;padding:20px;border-left:0;border-top:1px solid #2a3950}
  .edge-device-capability-rail li:first-child{border-top:0}
  .edge-device-capability-rail li:not(:last-child)::after{right:18px;top:auto;bottom:-10px;transform:rotate(90deg)}
  .edge-device-capability-rail strong{margin-top:22px}
  .edge-device-roadmap-grid{grid-template-columns:1fr}
  .edge-device-roadmap-card{min-height:0}
  .edge-device-roadmap-visual{min-height:230px}
  .edge-device-roadmap-copy{padding:29px 24px}
  .device-catalog-hero{padding:48px 0 50px}
  .device-catalog-hero-copy h1{font-size:clamp(39px,13vw,54px)}
  .device-catalog-hero-copy p{font-size:15px}
  .device-catalog-hero-count{grid-template-columns:auto 1fr;gap:0 13px}
  .device-catalog-hero-count strong{font-size:62px}
  .device-catalog{padding:58px 0 66px}
  .device-catalog-heading{grid-template-columns:1fr;gap:12px;padding-bottom:26px}
  .device-catalog-heading p{grid-column:auto}
  .device-catalog-heading h2{font-size:clamp(31px,10vw,40px)}
  .device-catalog-controls{gap:24px;padding:24px 0}
  .device-catalog-filter-group{grid-template-columns:1fr;gap:8px}
  .device-catalog-filter-group>span{padding-top:0}
  .device-catalog-grid{grid-template-columns:1fr}
  .device-catalog-card-body{min-height:300px;padding:21px 20px 19px}
}
/* Gateway product selection: an industrial editorial selection bench, not a generic card catalog. */
.gateway-page-hero{position:relative;overflow:hidden;padding:72px 0 0;background:#f2f0e9;border-bottom:1px solid var(--line)}
.gateway-page-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:52px;align-items:stretch}
.gateway-page-hero-copy{align-self:center;padding:12px 0 72px;min-width:0}
.gateway-page-hero-copy h1{max-width:760px;margin:20px 0 0;font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-.045em}
.gateway-page-hero-copy>p{max-width:58ch;margin:24px 0 0;color:var(--ink-soft);font-size:17px;line-height:1.7}
.gateway-page-hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}
.gateway-page-text-link{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink)}
.gateway-page-status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:54px 0 0;border-block:1px solid #c9c7c0}
.gateway-page-status-strip>div{min-width:0;padding:15px 16px;border-left:1px solid #c9c7c0}
.gateway-page-status-strip>div:first-child{border-left:0;padding-left:0}
.gateway-page-status-strip dt{font-family:var(--font-mono);font-size:15px;font-weight:600;letter-spacing:.04em}
.gateway-page-status-strip dd{margin:7px 0 0}
.gateway-page-status-strip strong,.gateway-page-status-strip span{display:block;font-size:11px;line-height:1.45}
.gateway-page-status-strip strong{color:var(--brand-ink)}
.gateway-page-status-strip span{color:var(--ink-soft)}
.gateway-page-hero-products{position:relative;min-height:625px;background:#dedfd9;border-inline:1px solid #c9cbc4}
.gateway-page-hero-products::before,.gateway-page-hero-products::after{content:"";position:absolute;background:#c4c6bf}
.gateway-page-hero-products::before{inset:0 auto 0 50%;width:1px}
.gateway-page-hero-products::after{inset:50% 0 auto;height:1px}
.gateway-page-hero-device{position:absolute;z-index:1;margin:0}
.gateway-page-hero-device>span,.gateway-page-hero-device figcaption{position:absolute;z-index:2;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em}
.gateway-page-hero-device>span{top:12px;left:14px;color:var(--ink)}
.gateway-page-hero-device figcaption{right:12px;bottom:10px;color:#3f4747;text-align:right}
.gateway-page-hero-device img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 28px rgba(16,22,28,.16))}
.gateway-page-hero-device-indoor{left:2%;bottom:48px;width:48%;height:500px}
.gateway-page-hero-device-outdoor{right:1%;top:64px;width:58%;height:390px}
.gateway-page-hero-device-outdoor>span{left:auto;right:14px}
.gateway-page-hero-axis{position:absolute;z-index:3;left:20px;right:20px;bottom:18px;display:flex;align-items:center;gap:12px}
.gateway-page-hero-axis i{height:1px;flex:1;background:#808680}
.gateway-page-hero-axis span{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:#555e59}

.gateway-page-heading{max-width:760px;margin-bottom:34px}
.gateway-page-heading>span{font-family:var(--font-mono);font-size:11px;letter-spacing:.11em;color:var(--brand-ink)}
.gateway-page-heading h2{margin:15px 0 0;font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.035em}
.gateway-page-heading p{max-width:62ch;margin:15px 0 0;color:var(--ink-soft);font-size:16px;line-height:1.65}

.gateway-page-selection{padding:82px 0 74px;background:#fff}
.gateway-page-selection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border-block:1px solid var(--line)}
.gateway-page-selection-grid>a{position:relative;min-height:220px;padding:30px 72px 30px 30px;background:#fff;color:var(--ink);transition:background .2s,color .2s}
.gateway-page-selection-grid>a:hover{background:var(--dark);color:#fff}
.gateway-page-selection-grid>a>span{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--brand-ink)}
.gateway-page-selection-grid>a:hover>span{color:#f4a261}
.gateway-page-selection-grid h3{max-width:18ch;margin:42px 0 0;font-size:24px;letter-spacing:-.025em}
.gateway-page-selection-grid p{max-width:45ch;margin:10px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.6}
.gateway-page-selection-grid>a:hover p{color:#adb7c8}
.gateway-page-selection-grid i{position:absolute;right:28px;top:28px;font:normal 34px/1 var(--font-mono);color:#9ca39f}

.gateway-page-products{padding:86px 0;background:#efeee8;border-block:1px solid var(--line)}
.gateway-page-product-list{border:1px solid #c9c8c1;background:#c9c8c1;display:grid;gap:1px}
.gateway-page-product{display:grid;grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr);min-height:620px;background:#fff;scroll-margin-top:90px}
.gateway-page-product:nth-child(even){grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)}
.gateway-page-product:nth-child(even) .gateway-page-product-media{order:2}
.gateway-page-product-media{position:relative;display:grid;place-items:center;min-width:0;padding:58px;background:#dfe1dc;overflow:hidden}
.gateway-page-product-media::before{content:"";position:absolute;inset:22px;border:1px solid #c3c6c0;pointer-events:none}
.gateway-page-product-media>span,.gateway-page-product-media>strong{position:absolute;z-index:2;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em}
.gateway-page-product-media>span{left:38px;top:36px}
.gateway-page-product-media>strong{right:38px;bottom:36px;color:var(--brand-ink)}
.gateway-page-product-media img{position:relative;z-index:1;width:82%;height:470px;object-fit:contain;filter:drop-shadow(0 30px 30px rgba(16,22,28,.17));transition:transform .35s ease}
.gateway-page-product:hover .gateway-page-product-media img{transform:translateY(-5px)}
.gateway-page-product-copy{min-width:0;padding:56px 58px;align-self:center}
.gateway-page-product-code{margin:0;font-family:var(--font-mono);font-size:clamp(54px,6vw,86px);font-weight:600;line-height:.9;letter-spacing:-.07em;color:#1c2430}
.gateway-page-product-copy h3{margin:18px 0 0;font-size:28px;letter-spacing:-.025em}
.gateway-page-product-summary{max-width:54ch;margin:12px 0 0;color:var(--ink-soft);font-size:15px;line-height:1.65}
.gateway-page-product-fit{display:inline-block;margin:22px 0 0;padding:7px 10px;background:#f4efe6;border-left:3px solid var(--brand);font-size:12px;color:#644927}
.gateway-page-product-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:28px 0 0;border-top:1px solid var(--line)}
.gateway-page-product-specs>div{min-width:0;padding:13px 14px 13px 0;border-bottom:1px solid var(--line)}
.gateway-page-product-specs>div:nth-child(even){padding-left:14px;border-left:1px solid var(--line)}
.gateway-page-product-specs dt{font-family:var(--font-mono);font-size:9px;letter-spacing:.09em;color:var(--ink-soft)}
.gateway-page-product-specs dd{margin:5px 0 0;font-size:12.5px;line-height:1.45;color:var(--ink)}
.gateway-page-product-note{margin:20px 0 0;color:var(--ink-soft);font-size:11.5px;line-height:1.55}
.gateway-page-product-copy>a{display:inline-flex;margin-top:22px;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--brand-ink)}

.gateway-page-comparison{padding:86px 0;background:#fff}
.gateway-page-compare-wrap{overflow-x:auto;border-block:1px solid var(--ink);outline:none}
.gateway-page-compare-wrap:focus-visible{outline:3px solid var(--brand);outline-offset:4px}
.gateway-page-compare-table{width:100%;min-width:780px;border-collapse:collapse;font-size:13px}
.gateway-page-compare-table th,.gateway-page-compare-table td{padding:17px 20px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.5}
.gateway-page-compare-table thead th{background:var(--dark);color:#fff;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em}
.gateway-page-compare-table thead th:nth-child(2){color:#93b8ff}
.gateway-page-compare-table thead th:nth-child(3){color:#f4a261}
.gateway-page-compare-table tbody th{width:22%;font-size:12px;color:var(--ink)}
.gateway-page-compare-table tbody tr:hover{background:#faf8f2}
.gateway-page-compare-note{margin:14px 0 0;color:var(--ink-soft);font-size:11px;line-height:1.5}

.gateway-page-architecture{padding:88px 0;background:var(--dark);color:#fff}
.gateway-page-architecture .gateway-page-heading>span{color:#79aaff}
.gateway-page-architecture .gateway-page-heading p{color:#aab5c6}
.gateway-page-architecture-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;border:1px solid #2a3342}
.gateway-page-architecture-flow li{position:relative;min-height:235px;padding:28px 25px;border-left:1px solid #2a3342}
.gateway-page-architecture-flow li:first-child{border-left:0}
.gateway-page-architecture-flow li:not(:last-child)::after{content:"→";position:absolute;z-index:2;right:-13px;top:50%;display:grid;place-items:center;width:26px;height:26px;margin-top:-13px;background:var(--dark);color:#71819a;font-family:var(--font-mono)}
.gateway-page-architecture-flow span{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:#79aaff}
.gateway-page-architecture-flow h3{margin:66px 0 0;font-size:19px}
.gateway-page-architecture-flow p{margin:9px 0 0;color:#aab5c6;font-size:13px;line-height:1.55}

.gateway-page-capabilities{padding:0;background:var(--dark);color:#fff}
.gateway-page-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:0;border-inline:1px solid #2a3342}
.gateway-page-capability{min-width:0;padding:32px 25px 40px;border-left:1px solid #2a3342;border-top:1px solid #2a3342}
.gateway-page-capability:first-child{border-left:0}
.gateway-page-capability>span{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:#f4a261}
.gateway-page-capability h3{margin:20px 0 0;font-size:17px}
.gateway-page-capability>p{margin:8px 0 0;color:#aab5c6;font-size:12.5px;line-height:1.55}
.gateway-page-capability ul{margin:20px 0 0;padding:0;list-style:none}
.gateway-page-capability li{padding:7px 0;border-top:1px solid #2a3342;color:#d6dce5;font-family:var(--font-mono);font-size:9.5px;line-height:1.4}

.gd6-launch{position:relative;overflow:hidden;padding:94px 0;background:#e46d2d;color:#171717}
.gd6-launch-grid{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);gap:72px;align-items:center}
.gd6-launch-mark{position:relative;display:flex;align-items:baseline;height:330px;overflow:hidden;border:1px solid rgba(23,23,23,.32);padding:30px 34px;font-family:var(--font-mono)}
.gd6-launch-mark span{font-size:78px;font-weight:600;line-height:1;letter-spacing:-.08em}
.gd6-launch-mark strong{position:absolute;right:-2px;bottom:-70px;font-size:330px;line-height:1;font-weight:600;letter-spacing:-.15em}
.gd6-launch-mark i{position:absolute;left:34px;right:34px;bottom:38px;height:1px;background:#171717}
.gd6-launch-copy{min-width:0}
.gd6-launch-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em}
.gd6-launch-code{margin:20px 0 0;font-family:var(--font-mono);font-size:20px;font-weight:600;letter-spacing:.08em}
.gd6-launch-copy h2{max-width:720px;margin:12px 0 0;font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-.045em}
.gd6-launch-body{max-width:58ch;margin:20px 0 0;font-size:16px;line-height:1.65}
.gd6-launch-release{display:flex;justify-content:space-between;gap:20px;margin-top:25px;padding:13px 0;border-block:1px solid rgba(23,23,23,.34);font-family:var(--font-mono);font-size:11px}
.gd6-launch-release time{font-weight:600;text-align:right}
.gd6-launch-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px;border-top:1px solid rgba(23,23,23,.26)}
.gd6-launch-group{min-width:0;padding:18px 18px 20px 0;border-bottom:1px solid rgba(23,23,23,.26)}
.gd6-launch--full .gd6-launch-group:nth-child(even){padding-left:18px;border-left:1px solid rgba(23,23,23,.26)}
.gd6-launch-group h3{margin:0 0 10px;font-family:var(--font-mono);font-size:10px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}
.gd6-launch-tags{display:flex;flex-wrap:wrap;gap:7px}
.gd6-launch-tags span{max-width:100%;padding:5px 8px;border:1px solid rgba(23,23,23,.34);font-family:var(--font-mono);font-size:10px;line-height:1.3;white-space:nowrap}
.gd6-launch-configuration{display:grid;grid-template-columns:minmax(130px,.32fr) minmax(0,.68fr);gap:20px;margin-top:22px;padding:18px 20px;background:rgba(23,23,23,.08)}
.gd6-launch-configuration strong{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em}
.gd6-launch-configuration p{margin:0;font-size:13px;line-height:1.55}
.gd6-launch-disclosure{display:block;max-width:70ch;margin-top:16px;font-size:11px;line-height:1.55}
.gd6-launch-copy .btn{margin-top:26px;background:#171717;border-color:#171717;color:#fff;white-space:nowrap}

.gateway-page-docs{padding:88px 0;background:#f2f0e9}
.gateway-page-doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#c9c7c0;border:1px solid #c9c7c0}
.gateway-page-doc-link{position:relative;min-height:200px;padding:25px 55px 25px 25px;background:#f8f7f2;color:var(--ink);transition:background .2s,color .2s}
.gateway-page-doc-link:hover{background:#fff}
.gateway-page-doc-link>span{font-family:var(--font-mono);font-size:9px;letter-spacing:.09em;color:var(--brand-ink)}
.gateway-page-doc-link h3{margin:43px 0 0;font-size:18px}
.gateway-page-doc-link p{margin:8px 0 0;color:var(--ink-soft);font-size:12.5px;line-height:1.55}
.gateway-page-doc-link i{position:absolute;right:22px;top:20px;font:normal 20px/1 var(--font-mono);color:#737b78}
.gateway-page-doc-link:focus-visible,.gateway-page-selection-grid>a:focus-visible,.gateway-page-product-copy>a:focus-visible{outline:3px solid var(--brand);outline-offset:-3px}

@media (max-width:900px){
  .gateway-page-hero{padding-top:54px}
  .gateway-page-hero-grid{grid-template-columns:1fr;gap:0}
  .gateway-page-hero-copy{padding-bottom:48px}
  .gateway-page-hero-products{min-height:560px}
  .gateway-page-product,.gateway-page-product:nth-child(even){grid-template-columns:1fr;min-height:0}
  .gateway-page-product{grid-template-columns:1fr}
  .gateway-page-product:nth-child(even) .gateway-page-product-media{order:0}
  .gateway-page-product-media{min-height:500px}
  .gateway-page-product-copy{padding:46px 42px}
  .gateway-page-architecture-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gateway-page-architecture-flow li:nth-child(3){border-left:0;border-top:1px solid #2a3342}
  .gateway-page-architecture-flow li:nth-child(4){border-top:1px solid #2a3342}
  .gateway-page-architecture-flow li:nth-child(2)::after{display:none}
  .gateway-page-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gateway-page-capability:nth-child(3){border-left:0}
  .gateway-page-doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:760px){
  .gd6-launch{padding-block:64px}
  .gd6-launch-grid{grid-template-columns:1fr;gap:34px}
  .gd6-launch-mark{height:225px}
  .gd6-launch-mark span{font-size:54px}
  .gd6-launch-mark strong{bottom:-55px;font-size:220px}
  .gd6-launch-copy h2{font-size:40px}
}

@media (max-width:520px){
  .gateway-page-hero{overflow-x:clip;padding-top:38px}
  .gateway-page-hero-copy h1{font-size:clamp(36px,11vw,48px)}
  .gateway-page-hero-actions{align-items:flex-start;flex-direction:column;gap:16px}
  .gateway-page-status-strip{grid-template-columns:1fr;margin-top:38px}
  .gateway-page-status-strip>div{display:grid;grid-template-columns:80px 1fr;padding:12px 0;border-left:0;border-top:1px solid #c9c7c0}
  .gateway-page-status-strip>div:first-child{border-top:0}
  .gateway-page-status-strip dd{margin:0}
  .gateway-page-hero-products{min-height:430px;margin-inline:-20px;border-inline:0}
  .gateway-page-hero-device-indoor{left:2%;bottom:44px;width:52%;height:340px}
  .gateway-page-hero-device-outdoor{right:-2%;top:60px;width:62%;height:275px}
  .gateway-page-hero-device figcaption{display:none}
  .gateway-page-heading{margin-bottom:25px}
  .gateway-page-heading h2{font-size:32px}
  .gateway-page-selection,.gateway-page-products,.gateway-page-comparison,.gateway-page-architecture,.gateway-page-docs{padding-block:64px}
  .gateway-page-selection-grid{grid-template-columns:1fr}
  .gateway-page-selection-grid>a{min-height:200px;padding:25px 62px 25px 22px}
  .gateway-page-selection-grid h3{margin-top:34px;font-size:22px}
  .gateway-page-product-media{min-height:390px;padding:42px 28px}
  .gateway-page-product-media::before{inset:14px}
  .gateway-page-product-media img{width:92%;height:320px}
  .gateway-page-product-media>span{left:24px;top:23px}
  .gateway-page-product-media>strong{right:24px;bottom:23px}
  .gateway-page-product-copy{padding:38px 22px 44px}
  .gateway-page-product-code{font-size:56px}
  .gateway-page-product-copy h3{font-size:24px}
  .gateway-page-product-specs{grid-template-columns:1fr}
  .gateway-page-product-specs>div:nth-child(even){padding-left:0;border-left:0}
  .gateway-page-compare-wrap{overflow-x:auto;margin-right:-20px;padding-right:20px}
  .gateway-page-compare-table tbody th,.gateway-page-compare-table thead th:first-child{position:sticky;left:0;z-index:2;background:#f7f5ef}
  .gateway-page-compare-table thead th:first-child{background:var(--dark)}
  .gateway-page-architecture-flow{grid-template-columns:1fr}
  .gateway-page-architecture-flow li{min-height:190px;border-left:0;border-top:1px solid #2a3342}
  .gateway-page-architecture-flow li:first-child{border-top:0}
  .gateway-page-architecture-flow li:not(:last-child)::after{display:none}
  .gateway-page-architecture-flow h3{margin-top:45px}
  .gateway-page-capability-grid{grid-template-columns:1fr;border-inline:0}
  .gateway-page-capability{border-left:0;padding-inline:0}
  .gd6-launch-groups{grid-template-columns:1fr}
  .gd6-launch--full .gd6-launch-group:nth-child(even){padding-left:0;border-left:0}
  .gd6-launch-release{display:block}
  .gd6-launch-release time{display:block;margin-top:6px;text-align:left}
  .gd6-launch-configuration{grid-template-columns:1fr;gap:8px}
  .gd6-launch-copy .btn{width:100%;justify-content:center}
  .gateway-page-doc-grid{grid-template-columns:1fr}
  .gateway-page-doc-link{min-height:180px}
}

@media (prefers-reduced-motion:reduce){
  .gateway-page-product-media img,.gateway-page-selection-grid>a,.gateway-page-doc-link{transition:none}
  .gateway-page-product:hover .gateway-page-product-media img{transform:none}
}

/* LoRaWAN 传感器：以型号档案、参数线和部署链路组成工业编辑页。 */
.sensor-page-hero{position:relative;overflow:hidden;background:#edf0ea;border-bottom:1px solid var(--line)}
.sensor-page-hero-grid{min-height:720px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:clamp(48px,7vw,112px);align-items:center;padding-block:clamp(96px,11vw,160px)}
.sensor-page-hero-copy{min-width:0}
.sensor-page-hero-copy h1{max-width:760px;margin:20px 0 0;font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-.045em}
.sensor-page-hero-copy>p{max-width:56ch;margin:24px 0 0;color:var(--ink-soft);font-size:17px;line-height:1.7}
.sensor-page-hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}
.sensor-page-text-link{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink)}
.sensor-page-model-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;border:1px solid #1d2724;background:#f8f9f5}
.sensor-page-model-rail li{min-width:0;min-height:250px;padding:26px 23px;border-left:1px solid #1d2724}
.sensor-page-model-rail li:first-child{border-left:0}
.sensor-page-model-rail strong{display:block;font-family:var(--font-mono);font-size:clamp(30px,3vw,44px);line-height:1;letter-spacing:-.06em;color:#1d2724}
.sensor-page-model-rail span{display:block;margin-top:120px;color:var(--ink-soft);font-family:var(--font-mono);font-size:11px;line-height:1.5;letter-spacing:.04em}

.sensor-page-heading{max-width:780px;margin-bottom:34px}
.sensor-page-heading>span{font-family:var(--font-mono);font-size:11px;letter-spacing:.11em;color:var(--brand-ink)}
.sensor-page-heading h2{margin:15px 0 0;font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.035em}
.sensor-page-heading p{max-width:62ch;margin:15px 0 0;color:var(--ink-soft);font-size:16px;line-height:1.65}

/* 四路选型是一张连续的决策表，不做浮起卡片。 */
.sensor-page-selection{padding:82px 0 76px;background:#fff}
.sensor-page-selection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line)}
.sensor-page-selection-grid>a{position:relative;min-width:0;min-height:285px;padding:27px 24px;color:var(--ink);background:#fff;border-left:1px solid var(--line)}
.sensor-page-selection-grid>a:first-child{border-left:0}
.sensor-page-selection-grid>a:hover{background:var(--dark);color:#fff;text-decoration:none}
.sensor-page-selection-grid>a>span{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--brand-ink)}
.sensor-page-selection-grid h3{margin:70px 0 0;font-size:21px;line-height:1.2;letter-spacing:-.02em}
.sensor-page-selection-grid p{margin:10px 0 0;color:var(--ink-soft);font-size:13.5px;line-height:1.55}
.sensor-page-selection-grid small{display:block;margin-top:22px;color:#6c7772;font-family:var(--font-mono);font-size:9.5px;line-height:1.5;letter-spacing:.04em}
.sensor-page-selection-grid>a:hover>span{color:#79aaff}
.sensor-page-selection-grid>a:hover p,.sensor-page-selection-grid>a:hover small{color:#b3bdcc}
.sensor-page-selection-grid>a:focus-visible{z-index:2;outline:3px solid var(--brand);outline-offset:-3px;border-radius:0}

/* 六款产品使用交替的双栏档案，整块可访问文档。 */
.sensor-page-products{padding:86px 0;background:#efeee8;border-block:1px solid var(--line)}
.sensor-page-product-list{display:grid;gap:22px}
.sensor-page-product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:620px;border:1px solid var(--line);background:#fff;color:var(--ink);scroll-margin-top:90px}
.sensor-page-product:nth-child(even) .sensor-page-product-media{order:2}
.sensor-page-product:hover{border-color:#aeb4ae;box-shadow:0 18px 44px -34px rgba(13,26,43,.5);text-decoration:none}
.sensor-page-product:focus-visible{outline:3px solid var(--brand);outline-offset:4px;border-radius:0}
.sensor-page-product-media{position:relative;min-width:0;display:grid;place-items:center;padding:58px;background:#eef1ec;overflow:hidden}
.sensor-page-product-media::before{content:"";position:absolute;inset:22px;border:1px solid #c8cdc7;pointer-events:none}
.sensor-page-product-media>span{position:absolute;z-index:2;left:38px;top:36px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:#3f4b47}
.sensor-page-product-media img{position:relative;z-index:1;width:100%;height:100%;max-height:620px;object-fit:contain;filter:drop-shadow(0 28px 28px rgba(16,22,28,.16));transition:transform .35s ease}
.sensor-page-product:hover .sensor-page-product-media img{transform:translateY(-5px)}
.sensor-page-product-copy{min-width:0;align-self:center;padding:52px 56px}
.sensor-page-product-code{margin:0;font-family:var(--font-mono);font-size:clamp(52px,6vw,82px);font-weight:600;line-height:.9;letter-spacing:-.07em;color:#1d2724}
.sensor-page-product-copy h3{margin:18px 0 0;font-size:27px;line-height:1.2;letter-spacing:-.025em}
.sensor-page-product-summary{max-width:54ch;margin:12px 0 0;color:var(--ink-soft);font-size:15px;line-height:1.65}
.sensor-page-product-fit{display:inline-block;margin:21px 0 0;padding:7px 10px;background:#edf3ed;border-left:3px solid #567665;color:#334f41;font-size:12px;line-height:1.5}
.sensor-page-product-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:28px 0 0;border-top:1px solid var(--line)}
.sensor-page-product-specs>div{min-width:0;padding:13px 14px 13px 0;border-bottom:1px solid var(--line)}
.sensor-page-product-specs>div:nth-child(even){padding-left:14px;border-left:1px solid var(--line)}
.sensor-page-product-specs dt{font-family:var(--font-mono);font-size:9px;letter-spacing:.09em;color:var(--ink-soft)}
.sensor-page-product-specs dd{margin:5px 0 0;font-size:12.5px;line-height:1.45;color:var(--ink)}
.sensor-page-product-note{margin:19px 0 0;color:var(--ink-soft);font-size:11.5px;line-height:1.55}
.sensor-page-product-doc{display:inline-flex;margin-top:21px;color:var(--brand-ink);font-family:var(--font-mono);font-size:12px;font-weight:600}

.sensor-page-comparison{padding:86px 0;background:#fff}
.sensor-page-compare-wrap{overflow-x:auto;border:1px solid var(--line);background:#fff;outline:none;overscroll-behavior-inline:contain}
.sensor-page-compare-wrap:focus-visible{outline:3px solid var(--brand);outline-offset:4px}
.sensor-page-compare-table{width:100%;min-width:1120px;border-collapse:collapse;font-size:12.5px}
.sensor-page-compare-table th,.sensor-page-compare-table td{padding:17px 18px;border-bottom:1px solid var(--line);border-left:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.5}
.sensor-page-compare-table th:first-child,.sensor-page-compare-table td:first-child{border-left:0}
.sensor-page-compare-table thead th{background:var(--dark);color:#fff;font-family:var(--font-mono);font-size:10px;letter-spacing:.07em}
.sensor-page-compare-table thead th:not(:first-child){color:#9abcf7}
.sensor-page-compare-table tbody th{width:17%;font-size:12px;color:var(--ink)}
.sensor-page-compare-table tbody tr:hover{background:#f5f7f3}
.sensor-page-compare-table tbody tr:last-child th,.sensor-page-compare-table tbody tr:last-child td{border-bottom:0}
.sensor-page-compare-note{margin:14px 0 0;color:var(--ink-soft);font-size:11px;line-height:1.5}

/* 部署流程用深色参数带与产品档案建立层级差。 */
.sensor-page-architecture{padding:88px 0;background:var(--dark);color:#fff}
.sensor-page-architecture .sensor-page-heading>span{color:#79aaff}
.sensor-page-architecture .sensor-page-heading p{color:#aab5c6}
.sensor-page-architecture-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;border:1px solid #2a3342}
.sensor-page-architecture-flow li{position:relative;min-height:235px;padding:28px 25px;border-left:1px solid #2a3342}
.sensor-page-architecture-flow li:first-child{border-left:0}
.sensor-page-architecture-flow li:not(:last-child)::after{content:"→";position:absolute;z-index:2;right:-13px;top:50%;display:grid;place-items:center;width:26px;height:26px;margin-top:-13px;background:var(--dark);color:#71819a;font-family:var(--font-mono)}
.sensor-page-architecture-flow span{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:#79aaff}
.sensor-page-architecture-flow h3{margin:66px 0 0;font-size:19px}
.sensor-page-architecture-flow p{margin:9px 0 0;color:#aab5c6;font-size:13px;line-height:1.55}

.sensor-page-docs{padding:88px 0;background:#f2f0e9}
.sensor-page-doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#c9c7c0;border:1px solid #c9c7c0}
.sensor-page-doc-link{position:relative;min-width:0;min-height:200px;padding:25px 55px 25px 25px;background:#f8f7f2;color:var(--ink)}
.sensor-page-doc-link:hover{background:#fff;text-decoration:none}
.sensor-page-doc-link>span{font-family:var(--font-mono);font-size:9px;letter-spacing:.09em;color:var(--brand-ink)}
.sensor-page-doc-link h3{margin:43px 0 0;font-size:18px;line-height:1.25}
.sensor-page-doc-link p{margin:8px 0 0;color:var(--ink-soft);font-size:12.5px;line-height:1.55}
.sensor-page-doc-link i{position:absolute;right:22px;top:20px;font:normal 20px/1 var(--font-mono);color:#737b78;transition:transform .2s ease}
.sensor-page-doc-link:hover i{transform:translate(2px,-2px)}
.sensor-page-doc-link:focus-visible{outline:3px solid var(--brand);outline-offset:-3px;border-radius:0}

@media (max-width:900px){
  .sensor-page-hero-grid{min-height:0;grid-template-columns:1fr;gap:44px;padding-block:88px}
  .sensor-page-model-rail span{margin-top:72px}
  .sensor-page-selection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sensor-page-selection-grid>a:nth-child(odd){border-left:0}
  .sensor-page-selection-grid>a:nth-child(n+3){border-top:1px solid var(--line)}
  .sensor-page-product{grid-template-columns:1fr;min-height:0}
  .sensor-page-product:nth-child(even) .sensor-page-product-media{order:0}
  .sensor-page-product-media{min-height:500px}
  .sensor-page-product-media img{height:390px}
  .sensor-page-product-copy{padding:46px 42px}
  .sensor-page-architecture-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sensor-page-architecture-flow li:nth-child(3){border-left:0;border-top:1px solid #2a3342}
  .sensor-page-architecture-flow li:nth-child(4){border-top:1px solid #2a3342}
  .sensor-page-architecture-flow li:nth-child(2)::after{display:none}
  .sensor-page-doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:520px){
  .sensor-page-hero{overflow-x:clip}
  .sensor-page-hero-grid{gap:36px;padding-block:62px}
  .sensor-page-hero-copy h1{font-size:clamp(36px,11vw,48px);overflow-wrap:anywhere;word-break:break-word}
  .sensor-page-hero-actions{align-items:flex-start;flex-direction:column;gap:16px}
  .sensor-page-model-rail{grid-template-columns:1fr}
  .sensor-page-model-rail li{display:grid;grid-template-columns:90px 1fr;align-items:center;min-height:0;padding:16px 18px;border-left:0;border-top:1px solid #1d2724}
  .sensor-page-model-rail li:first-child{border-top:0}
  .sensor-page-model-rail strong{font-size:26px}
  .sensor-page-model-rail span{margin:0}
  .sensor-page-heading{margin-bottom:25px}
  .sensor-page-heading h2{font-size:32px;overflow-wrap:anywhere;word-break:break-word}
  .sensor-page-selection,.sensor-page-products,.sensor-page-comparison,.sensor-page-architecture,.sensor-page-docs{padding-block:64px}
  .sensor-page-selection-grid{grid-template-columns:1fr}
  .sensor-page-selection-grid>a{min-height:215px;padding:24px 22px;border-left:0;border-top:1px solid var(--line)}
  .sensor-page-selection-grid>a:first-child{border-top:0}
  .sensor-page-selection-grid h3{margin-top:44px;font-size:21px}
  .sensor-page-product-list{gap:16px}
  .sensor-page-product-media{min-height:370px;padding:40px 28px}
  .sensor-page-product-media::before{inset:14px}
  .sensor-page-product-media>span{left:24px;top:23px}
  .sensor-page-product-media img{height:290px}
  .sensor-page-product-copy{padding:37px 22px 43px}
  .sensor-page-product-code{font-size:54px}
  .sensor-page-product-copy h3{font-size:23px}
  .sensor-page-product-specs{grid-template-columns:1fr}
  .sensor-page-product-specs>div:nth-child(even){padding-left:0;border-left:0}
  .sensor-page-compare-table tbody th,.sensor-page-compare-table thead th:first-child{position:sticky;left:0;z-index:2;background:#f7f5ef}
  .sensor-page-compare-table thead th:first-child{background:var(--dark)}
  .sensor-page-architecture-flow{grid-template-columns:1fr}
  .sensor-page-architecture-flow li{min-height:185px;border-left:0;border-top:1px solid #2a3342}
  .sensor-page-architecture-flow li:first-child{border-top:0}
  .sensor-page-architecture-flow li:not(:last-child)::after{display:none}
  .sensor-page-architecture-flow h3{margin-top:44px}
  .sensor-page-doc-grid{grid-template-columns:1fr}
  .sensor-page-doc-link{min-height:180px}
}

@media (prefers-reduced-motion:reduce){
  .sensor-page-product,.sensor-page-product-media img,.sensor-page-selection-grid>a,.sensor-page-doc-link,.sensor-page-doc-link i{transition:none}
  .sensor-page-product:hover .sensor-page-product-media img,.sensor-page-doc-link:hover i{transform:none}
}

/* Solutions: 用长页章节、证据截图和连续轨道讲行业故事，不复用通用卡片网格。 */
.solutions-hero{overflow-x:clip}
.solution-hero{position:relative;overflow-x:clip;background:#f5f2ea;border-bottom:1px solid #d9d5ca}
.solution-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(70,78,74,.06) 50%,transparent calc(50% + .5px))}
.solution-hero-grid{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.4vw,32px);align-items:center;min-height:clamp(620px,60vw,679px);padding-block:clamp(48px,4vw,53px)}
.solution-hero-grid>*{min-width:0}
.solution-hero-copy{grid-column:1/span 5;position:relative;z-index:3}
.solution-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:24px;color:#66716d;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.solution-breadcrumb>*+*::before{content:"/";margin-right:7px;color:#9aa39f}
.solution-breadcrumb a{color:#315b50}
.solution-breadcrumb a:focus-visible{outline:3px solid var(--brand);outline-offset:4px}
.solution-breadcrumb [aria-current="page"]{color:#24332f}
.solution-hero-copy h1{max-width:700px;margin:20px 0 0;font-size:clamp(44px,4.7vw,66px);font-weight:600;line-height:1.02;letter-spacing:-.048em;text-wrap:balance}
.solution-hero-copy>p{max-width:48ch;margin:22px 0 0;color:#52605c;font-size:16px;line-height:1.65}
.solution-hero-signals{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none}
.solution-hero-signal{padding:8px 10px;border:1px solid #c8cec7;color:#40504a;background:rgba(255,255,255,.42);font-family:var(--font-mono);font-size:9px;letter-spacing:.07em;text-transform:uppercase}
.solution-hero-copy>.cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:27px}
.solution-hero-previews{grid-column:6/-1;position:relative;min-width:0}
.solution-hero-preview{position:relative;width:100%;margin:0;min-width:0}
.solution-hero-preview-frame{position:relative;overflow:hidden;aspect-ratio:4/3;border:1px solid #263441;background:#0a1723;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 30px 54px -38px rgba(18,28,38,.62)}
.solution-hero-preview-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.solution-hero--bms .solution-hero-preview-frame{border-color:#263f50;background:#071521;box-shadow:inset 0 0 0 1px rgba(85,214,232,.13),0 34px 64px -40px rgba(7,21,33,.72)}
.solution-hero--agriculture .solution-hero-preview-frame{border-color:#8c9989;background:#e6e8df;box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 28px 54px -38px rgba(32,49,40,.48)}
.solution-hero--bms .solution-hero-copy>.eyebrow{color:#236779;border-color:#b8ced1;background:#e7f0ef}
.solution-hero--agriculture .solution-hero-copy>.eyebrow{color:#315b50;border-color:#c8d1c9;background:#edf1eb}
.solution-hero-preview figcaption{max-width:58ch;margin-top:11px;color:#596660;font-size:11px;line-height:1.45}
.solution-hero-preview figcaption span,.solution-hero-preview figcaption strong{display:block;font-family:var(--font-mono);letter-spacing:.04em}
.solution-hero-preview figcaption span{color:#526861;font-size:9px}
.solution-hero-preview figcaption strong{margin:3px 0;color:#1b2c27;font-size:11px}
html[lang="en"] .solution-hero-copy{grid-column:1/span 6}
html[lang="en"] .solution-hero-previews{grid-column:7/-1}
html[lang="en"] .solution-breadcrumb{margin-bottom:18px}
html[lang="en"] .solution-hero-copy h1{margin-top:16px;font-size:clamp(38px,3.45vw,50px);line-height:1.04;letter-spacing:-.04em}
html[lang="en"] .solution-hero-copy>p{margin-top:16px;font-size:15px;line-height:1.52}
html[lang="en"] .solution-hero-signals{margin-top:17px}
html[lang="en"] .solution-hero-copy>.cta{margin-top:20px}

.solution-industry{position:relative;overflow:clip;scroll-margin-top:84px;background:var(--solution-bg);color:var(--solution-text)}
.solution-industry--bms{
  --solution-bg:#071521;
  --solution-surface:#0c2232;
  --solution-text:#f2f8f8;
  --solution-muted:#9fb7c3;
  --solution-line:#294354;
  --solution-accent:#55d6e8;
  --solution-ok:#5bd39a;
  --solution-warn:#f2b958;
  --solution-danger:#ff7272;
}
.solution-industry--agriculture{
  --solution-bg:#eef0e7;
  --solution-surface:#f8f6ef;
  --solution-text:#183129;
  --solution-muted:#607068;
  --solution-line:#c6cec1;
  --solution-accent:#376e55;
  --solution-water:#3d8694;
  --solution-solar:#b68632;
  --solution-soil:#8a674b;
}
.solution-industry::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.34}
.solution-industry--bms::before{background-image:linear-gradient(rgba(85,214,232,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(85,214,232,.055) 1px,transparent 1px);background-size:72px 72px}
.solution-industry--agriculture::before{background:repeating-linear-gradient(105deg,transparent 0,transparent 138px,rgba(55,110,85,.075) 139px,transparent 140px)}
.solution-industry>.wrap{position:relative}
.solution-industry .eyebrow{color:var(--solution-accent);border-color:var(--solution-line);background:var(--solution-surface)}
.solution-industry-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.4vw,32px);align-items:end;padding-block:clamp(56px,6vw,78px) clamp(44px,5vw,62px)}
.solution-industry-head>*{min-width:0}
.solution-index{grid-column:1/span 1;color:var(--solution-accent);font-family:var(--font-mono);font-size:18px;font-weight:500;line-height:1;letter-spacing:.02em}
.solution-industry-head>div{grid-column:2/span 6}
.solution-industry-head h2{max-width:680px;margin:13px 0 0;font-size:clamp(34px,4vw,52px);line-height:1.04;letter-spacing:-.04em;text-wrap:balance}
.solution-industry-head>div>p{max-width:54ch;margin:16px 0 0;color:var(--solution-muted);font-size:15px;line-height:1.62}
.solution-hierarchy{grid-column:8/-1;align-self:end;padding-top:0}
.solution-hierarchy-label{display:block;padding-bottom:12px;border-bottom:1px solid var(--solution-line);color:var(--solution-muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.11em;text-transform:uppercase}
.solution-hierarchy ol{display:flex;flex-wrap:wrap;align-items:center;gap:9px 7px;margin:15px 0 0;padding:0;list-style:none}
.solution-hierarchy li{display:flex;min-width:0;align-items:center;color:var(--solution-text);font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap}
.solution-hierarchy li:not(:last-child)::after{content:"›";margin-left:7px;color:var(--solution-accent);font-family:var(--font-mono);font-size:18px;font-weight:400;line-height:1}

.solution-dashboard-evidence{padding-bottom:clamp(78px,8vw,108px)}
.solution-dashboard-head,.solution-section-head{max-width:760px}
.solution-dashboard-head h3,.solution-section-head h3,.solution-platform .solution-section-head h2{margin:16px 0 0;font-size:clamp(29px,3.8vw,46px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.solution-dashboard-head>p,.solution-section-head>p{max-width:62ch;margin:15px 0 0;color:var(--solution-muted);font-size:15.5px;line-height:1.68}
.solution-dashboard-grid{display:grid;grid-template-columns:1fr;gap:clamp(58px,7vw,88px);margin-top:38px}
.solution-dashboard{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.4vw,32px);align-items:center;min-width:0;padding-top:22px;border-top:1px solid var(--solution-line)}
.solution-dashboard-shot{grid-column:1/span 8;grid-row:1/span 2}
.solution-dashboard-copy{grid-column:9/-1;grid-row:1;display:block;margin:0}
.solution-dashboard-notes{grid-column:9/-1;grid-row:2;align-self:end}
.solution-dashboard:nth-child(even) .solution-dashboard-shot{grid-column:5/-1}
.solution-dashboard:nth-child(even) .solution-dashboard-copy,.solution-dashboard:nth-child(even) .solution-dashboard-notes{grid-column:1/span 4}
.solution-dashboard-copy>span{display:block;margin-bottom:12px;color:var(--solution-accent);font-family:var(--font-mono);font-size:10px;line-height:1.45;letter-spacing:.08em;text-transform:uppercase}
.solution-dashboard-copy h4{margin:0;font-size:clamp(20px,2.1vw,27px);line-height:1.2}
.solution-dashboard-copy>p{margin:11px 0 0;color:var(--solution-muted);font-size:13px;line-height:1.58}
.solution-dashboard-notes{display:grid;gap:0;margin:24px 0 0;padding:0;border-top:1px solid var(--solution-line);list-style:none}
.solution-dashboard-note{display:grid;grid-template-columns:minmax(96px,.42fr) minmax(0,.58fr);gap:12px;padding:13px 0;border-bottom:1px solid var(--solution-line)}
.solution-dashboard-note>span{color:var(--solution-accent);font-family:var(--font-mono);font-size:8.5px;line-height:1.45;letter-spacing:.06em}
.solution-dashboard-note>p{margin:0;color:var(--solution-muted);font-size:11.5px;line-height:1.5}
.solution-shot{min-width:0;margin:0}
.solution-shot-frame{position:relative;max-width:100%;overflow:hidden;border:1px solid var(--solution-line);background:var(--solution-surface);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 28px 54px -38px rgba(0,0,0,.72);transition:transform .24s ease}
.solution-shot-frame img{display:block;width:100%;height:auto;max-width:100%}
.solution-shot figcaption{display:grid;grid-template-columns:minmax(112px,.25fr) minmax(0,.75fr);gap:16px;margin-top:12px;color:var(--solution-muted);font-size:11px;line-height:1.48}
.solution-shot figcaption span{color:var(--solution-accent);font-family:var(--font-mono);font-size:9px;letter-spacing:.07em;text-transform:uppercase}
.solution-industry--agriculture .solution-shot-frame{box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 28px 52px -40px rgba(30,52,41,.48)}
.solution-operating-model{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(46px,5vw,70px) clamp(18px,2.4vw,32px);padding-bottom:clamp(78px,8vw,110px)}
.solution-aggregation{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.4vw,32px);align-items:end}
.solution-aggregation>.solution-section-head{grid-column:1/span 4}
.solution-metrics{grid-column:5/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--solution-line)}
.solution-metric{min-width:0;min-height:158px;padding:19px 17px;border-left:1px solid var(--solution-line)}
.solution-metric:first-child{border-left:0}
.solution-metric>span{color:var(--solution-accent);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em}
.solution-metric h4{margin:34px 0 0;font-size:15px;line-height:1.35}
.solution-metric p{margin:8px 0 0;color:var(--solution-muted);font-size:12px;line-height:1.55}
.solution-states{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--solution-line);background:rgba(12,34,50,.62)}
.solution-state{min-width:0;min-height:126px;padding:18px 17px;border-left:1px solid var(--solution-line)}
.solution-state:first-child{border-left:0}
.solution-state strong{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em}
.solution-state strong::before{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid currentColor;font-size:11px;line-height:1}
.solution-state--live strong{color:var(--solution-ok)}
.solution-state--live strong::before{content:"●"}
.solution-state--stale strong{color:var(--solution-warn)}
.solution-state--stale strong::before{content:"◐"}
.solution-state--offline strong{color:var(--solution-danger)}
.solution-state--offline strong::before{content:"×"}
.solution-state--planned strong{color:var(--solution-accent)}
.solution-state--planned strong::before{content:"◇"}
.solution-state p{margin:18px 0 0;color:var(--solution-muted);font-size:11.5px;line-height:1.5}
.solution-skills{grid-column:1/-1}
.solution-skills>.solution-section-head{margin-bottom:30px}
.solution-skill-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);border-block:1px solid var(--solution-line)}
.solution-skill-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-left:1px solid var(--solution-line)}
.solution-skill{position:relative;min-width:0;padding:21px 20px;border-bottom:1px solid var(--solution-line)}
.solution-skill-list .solution-skill:nth-last-child(-n+2){border-bottom:0}
.solution-skill-list .solution-skill:nth-child(even){border-left:1px solid var(--solution-line)}
.solution-skill--featured{display:flex;min-height:100%;flex-direction:column;justify-content:flex-end;padding:clamp(28px,4vw,48px);border-bottom:0;background:color-mix(in srgb,var(--solution-surface) 82%,transparent)}
.solution-skill-device{color:var(--solution-accent);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.solution-skill h4{max-width:28ch;margin:28px 0 0;font-size:16px;line-height:1.3}
.solution-skill--featured h4{margin-top:clamp(80px,10vw,150px);font-size:clamp(25px,3vw,38px);line-height:1.12}
.solution-skill p{margin:9px 0 0;color:var(--solution-muted);font-size:12px;line-height:1.55}
.solution-skill--featured p{max-width:44ch;font-size:14px}
.solution-skill ul{display:flex;flex-wrap:wrap;gap:7px 13px;margin:17px 0 0;padding:12px 0 0;border-top:1px solid var(--solution-line);list-style:none}
.solution-skill li{position:relative;padding-left:10px;color:var(--solution-muted);font-size:10.5px;line-height:1.4}
.solution-skill li::before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;background:var(--solution-accent)}

.solution-ai{padding-bottom:clamp(78px,8vw,110px)}
.solution-decisions>.solution-section-head{margin-bottom:34px}
.solution-decision-layout{display:grid;grid-template-columns:minmax(280px,4fr) minmax(0,8fr);gap:clamp(28px,4vw,52px);align-items:start}
.solution-decision-layout--wide{grid-template-columns:1fr}
.solution-decision-shot{position:sticky;top:96px;min-width:0}
.solution-decision-shot .solution-shot-frame{border-color:#315064}
.solution-decision{min-width:0;border-top:1px solid var(--solution-line)}
.solution-decision>header{display:grid;grid-template-columns:80px 1fr;gap:20px;align-items:start;padding:18px 0;border-bottom:1px solid var(--solution-line)}
.solution-decision>header>span{color:var(--solution-accent);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em}
.solution-decision h4{margin:0;font-size:clamp(19px,2vw,25px);line-height:1.25}
.solution-decision-flow{display:grid;margin:0;padding:0;list-style:none}
.solution-decision-stage{display:grid;grid-template-columns:42px minmax(105px,.28fr) minmax(0,.72fr);gap:14px;align-items:start;padding:15px 0;border-bottom:1px solid var(--solution-line)}
.solution-decision-stage>b,.solution-decision-stage>span{font-family:var(--font-mono);font-size:9px;line-height:1.5;letter-spacing:.07em}
.solution-decision-stage>b{color:var(--solution-muted);font-weight:400}
.solution-decision-stage>span{color:var(--solution-accent)}
.solution-decision-stage>p{margin:0;color:var(--solution-muted);font-size:12px;line-height:1.55}
.solution-decision-stage--confirm{border-left:2px solid var(--solution-warn,var(--solution-solar));padding-left:12px}
.solution-decision-stage--execute{border-left:2px solid var(--solution-accent);padding-left:12px}

.solution-platform{position:relative;overflow:clip;padding:clamp(60px,6vw,82px) 0;background:#e8e5dc;border-block:1px solid #cbc7bc;color:#17231f}
.solution-platform .solution-section-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.4vw,32px);max-width:none;align-items:end}
.solution-platform .solution-section-head>.eyebrow{grid-column:1/span 3;align-self:start;justify-self:start;color:#315b50;border-color:#c1c8c0;background:#f1f1eb}
.solution-platform .solution-section-head h2{grid-column:4/span 5;margin:0}
.solution-platform .solution-section-head p{grid-column:9/-1;margin:0;color:#58645f}
.solution-platform-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:32px 0 0;padding:0;border-block:1px solid #adb4ab;list-style:none}
.solution-platform-item{position:relative;min-width:0;min-height:104px;padding:17px 16px;border-left:1px solid #adb4ab}
.solution-platform-item:first-child{border-left:0}
.solution-platform-item::after{content:"→";position:absolute;right:-11px;top:20px;z-index:1;width:21px;background:#e8e5dc;color:#6d7973;text-align:center;font-family:var(--font-mono)}
.solution-platform-item:last-child::after{display:none}
.solution-platform-item>span{display:block;color:#376e55;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em}
.solution-platform-item strong{display:block;max-width:18ch;margin-top:34px;font-size:13px;line-height:1.38}
.solution-cta{padding-block:clamp(58px,6vw,78px)}
.solution-cta h2{max-width:760px;margin:0;font-size:clamp(32px,4vw,50px);line-height:1.06;letter-spacing:-.04em;text-wrap:balance}
.solution-cta p{max-width:54ch;margin:16px 0 0;color:#aeb8ca;font-size:15px;line-height:1.62}
.solution-cta .cta{margin-top:25px}

@media (max-width:1024px){
  .solution-hero-grid{min-height:0;align-items:start;padding-block:76px 84px}
  .solution-hero-copy{grid-column:1/span 6}
  .solution-hero-previews{grid-column:7/-1}
  .solution-industry-head>div{grid-column:2/span 7}
  .solution-hierarchy{grid-column:9/-1}
  .solution-dashboard{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}
  .solution-dashboard-shot,.solution-dashboard:nth-child(even) .solution-dashboard-shot{grid-column:1/span 7;grid-row:1/span 2}
  .solution-dashboard-copy,.solution-dashboard:nth-child(even) .solution-dashboard-copy{grid-column:8/-1}
  .solution-dashboard-notes,.solution-dashboard:nth-child(even) .solution-dashboard-notes{grid-column:8/-1;grid-row:2}
  .solution-aggregation{grid-template-columns:1fr;gap:28px}
  .solution-aggregation>.solution-section-head,.solution-metrics{grid-column:1}
  .solution-skill-layout{grid-template-columns:1fr}
  .solution-skill-list{border-top:1px solid var(--solution-line);border-left:0}
  .solution-skill--featured{min-height:420px}
  .solution-decision-layout{grid-template-columns:1fr}
  .solution-decision-shot{position:static;max-width:820px}
  .solution-platform-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
  .solution-platform-item:nth-child(3)::after{display:none}
  .solution-platform-item:nth-child(4){border-left:0;border-top:1px solid #adb4ab}
  .solution-platform-item:nth-child(5){border-top:1px solid #adb4ab}
}

@media (max-width:767px){
  .solution-hero-grid{display:block;padding-block:58px 66px}
  .solution-hero-copy h1{font-size:clamp(38px,11vw,50px);overflow-wrap:anywhere;word-break:break-word}
  .solution-hero-copy>p{font-size:15px}
  .solution-hero-copy>.cta{align-items:flex-start;flex-direction:column;gap:12px}
  .solution-hero-previews{display:block;margin-top:44px}
  .solution-hero-preview-frame{aspect-ratio:auto}
  .solution-hero-preview-frame img{height:auto;object-fit:contain}
  .solution-industry-head{grid-template-columns:1fr;gap:22px;padding-block:54px 46px}
  .solution-index,.solution-industry-head>div,.solution-hierarchy{grid-column:1}
  .solution-industry-head h2{font-size:clamp(34px,10vw,45px)}
  .solution-dashboard-evidence{padding-bottom:74px}
  .solution-dashboard-grid{grid-template-columns:1fr;gap:52px}
  .solution-dashboard{grid-template-columns:1fr;gap:17px}
  .solution-dashboard-copy,.solution-dashboard:nth-child(even) .solution-dashboard-copy{grid-column:1;grid-row:1}
  .solution-dashboard-shot,.solution-dashboard:nth-child(even) .solution-dashboard-shot{grid-column:1;grid-row:2}
  .solution-dashboard-notes,.solution-dashboard:nth-child(even) .solution-dashboard-notes{grid-column:1;grid-row:3}
  .solution-dashboard-note{grid-template-columns:1fr;gap:4px}
  .solution-operating-model{display:grid;grid-template-columns:1fr;row-gap:52px;padding-bottom:78px}
  .solution-metrics{grid-template-columns:1fr}
  .solution-metric{min-height:0;padding:19px 0;border-top:1px solid var(--solution-line);border-left:0}
  .solution-metric:first-child{border-top:0}
  .solution-states{grid-template-columns:1fr}
  .solution-state{min-height:0;border-top:1px solid var(--solution-line);border-left:0}
  .solution-state:first-child{border-top:0}
  .solution-skill-layout,.solution-skill-list{display:block}
  .solution-skill--featured{min-height:0;padding:28px 0;background:transparent}
  .solution-skill--featured h4{margin-top:48px}
  .solution-skill-list .solution-skill{border-top:1px solid var(--solution-line);border-bottom:0;border-left:0}
  .solution-skill-list .solution-skill:nth-child(even){border-left:0}
  .solution-decision>header{grid-template-columns:1fr;gap:8px}
  .solution-decision-stage{grid-template-columns:34px 1fr;gap:6px 10px}
  .solution-decision-stage>p{grid-column:2}
  .solution-platform .solution-section-head{display:block}
  .solution-platform-rail{grid-template-columns:1fr}
  .solution-platform-item{min-height:0;padding:16px 0;border-top:1px solid #adb4ab;border-left:0}
  .solution-platform-item:first-child{border-top:0}
  .solution-platform-item::after{display:none}
  .solution-platform-item strong{margin-top:20px}
  .solution-cta .cta{align-items:flex-start;flex-direction:column;gap:12px}
}

@media (prefers-reduced-motion:reduce){
  .solution-shot-frame{transition:none}
}

/* USE CASES — engineering editorial + authentic hardware evidence */
.usecase-index,.usecase-detail{--uc-accent:#3478f6;--uc-accent-soft:#dfe9fb;--uc-paper:#f4f1e9;--uc-ink:#14201d;--uc-muted:#5d6964;--uc-line:#cfcfc7;background:var(--uc-paper);color:var(--uc-ink)}
.usecase-detail[data-usecase-theme="metering"],.usecase-card--metering{--uc-accent:#3478f6;--uc-accent-soft:#dce7fa}
.usecase-detail[data-usecase-theme="industrial"],.usecase-card--industrial{--uc-accent:#c75a2c;--uc-accent-soft:#efded3}
.usecase-detail[data-usecase-theme="building"],.usecase-card--building{--uc-accent:#18806d;--uc-accent-soft:#d7e8e2}
.usecase-detail[data-usecase-theme="agriculture"],.usecase-card--agriculture{--uc-accent:#5b7335;--uc-accent-soft:#e0e6d3}
.usecase-index .wrap,.usecase-detail .wrap{max-width:1240px;margin-inline:auto;padding-inline:clamp(20px,4vw,54px)}
.usecase-index-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--uc-line);background:#101b19;color:#f5f1e7}
.usecase-index-hero::after{content:"FIELD / 033";position:absolute;right:-.05em;bottom:-.22em;color:#1b2926;font:700 clamp(80px,17vw,230px)/.8 var(--font-sans);letter-spacing:-.07em;white-space:nowrap;pointer-events:none}
.usecase-index-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,8fr) minmax(270px,4fr);gap:clamp(42px,8vw,110px);align-items:end;min-height:610px;padding-block:clamp(90px,10vw,145px) 72px}
.usecase-index-copy{max-width:800px}
.usecase-index-copy .eyebrow,.usecase-detail-copy .eyebrow{display:inline-block;margin-bottom:26px;color:#8fb9aa;font:600 11px/1 var(--font-mono);letter-spacing:.15em;text-transform:uppercase}
.usecase-index-copy h1{max-width:12ch;margin:0;font-size:clamp(52px,7.5vw,104px);line-height:.9;letter-spacing:-.065em;text-wrap:balance}
html[lang="zh-CN"] .usecase-index-copy h1{font-size:clamp(46px,5vw,76px);line-height:1.04;max-width:none;letter-spacing:-.055em}
.usecase-index-copy>p{max-width:60ch;margin:34px 0 0;color:#b5c1bc;font-size:clamp(16px,1.5vw,20px);line-height:1.65}
.usecase-index-proof{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #41504c}
.usecase-index-proof>div{min-width:0;padding:24px 18px 22px 0}
.usecase-index-proof>div+div{padding-left:18px;border-left:1px solid #41504c}
.usecase-index-proof strong{display:block;color:#f5f1e7;font:500 clamp(40px,5vw,66px)/1 var(--font-mono);letter-spacing:-.06em}
.usecase-index-proof span{display:block;margin-top:8px;color:#94a49e;font-size:11px;line-height:1.35}
.usecase-index-proof small{grid-column:1/-1;padding-top:17px;border-top:1px solid #41504c;color:#8fb9aa;font:500 10px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.usecase-index-controls{position:relative;z-index:2;border-bottom:1px solid var(--uc-line);background:#ebe8df}
.usecase-controls-grid{display:grid;grid-template-columns:minmax(210px,1.15fr) minmax(0,1fr) minmax(0,1.35fr);gap:24px 34px;padding-block:27px}
.usecase-search{display:flex;flex-direction:column;gap:9px}
.usecase-search>span,.usecase-filter-group legend{padding:0;color:#69736e;font:600 9px/1 var(--font-mono);letter-spacing:.11em;text-transform:uppercase}
.usecase-search input{width:100%;height:42px;padding:0 0 7px;border:0;border-bottom:1px solid #919991;border-radius:0;background:transparent;color:var(--uc-ink);font:500 15px/1.2 var(--font-sans)}
.usecase-search input:focus{outline:0;border-bottom-color:#1c5e51}
.usecase-filter-group{min-width:0;margin:0;padding:0;border:0}
.usecase-filter-group>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.usecase-filter-group button,.usecase-result button,.usecase-empty button{padding:7px 11px;border:1px solid #b9bcb5;border-radius:999px;background:transparent;color:#56615c;font:500 11px/1 var(--font-sans);cursor:pointer}
.usecase-filter-group button.is-active{border-color:#1c5e51;background:#1c5e51;color:#fff}
.usecase-result{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid var(--uc-line);color:#68736d;font:500 11px/1.2 var(--font-mono)}
.usecase-result button{padding:0;border:0;border-radius:0;text-decoration:underline;text-underline-offset:3px}
.usecase-featured,.usecase-library{padding-block:clamp(70px,8vw,112px);border-bottom:1px solid var(--uc-line)}
.usecase-library{background:#ece9e0}
.usecase-section-head{display:grid;grid-template-columns:2.5fr 5fr 4fr;gap:clamp(22px,4vw,55px);align-items:start;margin-bottom:42px}
.usecase-section-head>span{padding-top:9px;color:var(--uc-accent,#337366);font:600 9px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}
.usecase-section-head h2{margin:0;font-size:clamp(34px,4.4vw,60px);line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
.usecase-section-head>p{margin:5px 0 0;color:var(--uc-muted);font-size:14px;line-height:1.7}
.usecase-featured-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));border-top:1px solid var(--uc-line);border-left:1px solid var(--uc-line)}
.usecase-featured-grid>.usecase-card{grid-column:span 6}
.usecase-featured-grid>.usecase-card:nth-child(3){grid-column:span 7}
.usecase-featured-grid>.usecase-card:nth-child(4){grid-column:span 5}
.usecase-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--uc-line);border-left:1px solid var(--uc-line)}
.usecase-card{min-width:0;border-right:1px solid var(--uc-line);border-bottom:1px solid var(--uc-line);background:var(--uc-paper)}
.usecase-card[hidden]{display:none}
.usecase-card-link{display:flex;min-height:100%;flex-direction:column;color:inherit}
.usecase-card-link:hover{text-decoration:none}
.usecase-card-media{position:relative;display:grid;min-height:250px;place-items:center;overflow:hidden;background:var(--uc-accent-soft)}
.usecase-card-media::after{content:"";position:absolute;inset:14px;border:1px solid color-mix(in srgb,var(--uc-accent) 22%,transparent);pointer-events:none}
.usecase-card-media img{width:100%;height:250px;padding:34px;object-fit:contain;filter:saturate(.86);transition:transform .28s ease,filter .28s ease}
.usecase-card-link:hover .usecase-card-media img{transform:scale(1.025);filter:saturate(1)}
.usecase-card-media>span{position:absolute;left:0;bottom:0;padding:7px 11px;background:var(--uc-ink);color:#fff;font:600 9px/1 var(--font-mono);letter-spacing:.09em;text-transform:uppercase}
.usecase-card-body{display:flex;flex:1;flex-direction:column;padding:25px 24px 21px}
.usecase-card-meta{display:flex;justify-content:space-between;gap:14px;color:var(--uc-accent);font:600 9px/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.usecase-card-meta span:last-child{overflow:hidden;color:#7a847f;text-overflow:ellipsis;white-space:nowrap}
.usecase-card h3{margin:27px 0 0;font-size:clamp(21px,2vw,29px);line-height:1.12;letter-spacing:-.03em}
.usecase-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:16px 0 0;color:var(--uc-muted);font-size:13px;line-height:1.65}
.usecase-card-foot{display:flex;justify-content:space-between;gap:14px;margin-top:auto;padding-top:28px;color:#7a847f;font:500 9px/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}
.usecase-card-foot b{color:var(--uc-accent);font-weight:600}
.usecase-card--featured .usecase-card-media{min-height:340px}
.usecase-card--featured .usecase-card-media img{height:340px;padding:44px}
.usecase-card--featured .usecase-card-body{padding:30px}
.usecase-card--featured h3{max-width:22ch;font-size:clamp(28px,3.5vw,47px)}
.usecase-empty{padding:70px 20px;text-align:center;color:var(--uc-muted)}
.usecase-empty button{margin-top:10px}

/* Standalone case */
.usecase-detail-hero{overflow:hidden;border-bottom:1px solid var(--uc-line);background:#f4f1e9}
.usecase-detail-hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(360px,5fr);gap:clamp(40px,7vw,90px);align-items:center;min-height:680px;padding-block:80px}
.usecase-detail-copy{min-width:0}
.usecase-back{display:block;width:max-content;margin-bottom:58px;color:#66716b;font:500 11px/1 var(--font-mono);letter-spacing:.05em}
.usecase-detail-copy .eyebrow{display:block;margin-bottom:22px;color:var(--uc-accent)}
.usecase-detail-copy h1{max-width:15ch;margin:0;font-size:clamp(46px,6.2vw,84px);line-height:.94;letter-spacing:-.06em;text-wrap:balance}
html[lang="zh-CN"] .usecase-detail-copy h1{font-size:clamp(40px,4.6vw,70px);line-height:1.04;max-width:14ch;letter-spacing:-.055em}
.usecase-detail-copy>p{max-width:62ch;margin:29px 0 0;color:var(--uc-muted);font-size:clamp(16px,1.5vw,19px);line-height:1.7}
.usecase-device-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}
.usecase-device-chips span{padding:7px 10px;border:1px solid var(--uc-line);font:600 9px/1 var(--font-mono);letter-spacing:.07em;text-transform:uppercase}
.usecase-detail-visual{min-width:0;margin:0}
.usecase-detail-visual>div{position:relative;display:grid;aspect-ratio:4/5;place-items:center;background:var(--uc-accent-soft)}
.usecase-detail-visual>div::before,.usecase-detail-visual>div::after{content:"";position:absolute;z-index:1;pointer-events:none}
.usecase-detail-visual>div::before{inset:18px;border:1px solid color-mix(in srgb,var(--uc-accent) 32%,transparent)}
.usecase-detail-visual>div::after{right:18px;bottom:18px;width:42px;height:42px;border-right:2px solid var(--uc-accent);border-bottom:2px solid var(--uc-accent)}
.usecase-detail-visual img{width:100%;height:100%;padding:clamp(35px,5vw,70px);object-fit:contain;filter:saturate(.9)}
.usecase-detail-visual figcaption{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--uc-line);color:#6b756f;font:500 9px/1.3 var(--font-mono);letter-spacing:.07em;text-transform:uppercase}
.usecase-detail-visual figcaption span{color:var(--uc-accent)}
.usecase-evidence{border-bottom:1px solid var(--uc-line);background:#192320;color:#eef2ec}
.usecase-evidence>.wrap{display:grid;grid-template-columns:2fr 10fr;gap:34px;padding-block:24px}
.usecase-evidence-label{color:#83a69a;font:600 9px/1.2 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}
.usecase-evidence dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0}
.usecase-evidence dl>div{min-width:0;padding:0 17px;border-left:1px solid #3e4b47}
.usecase-evidence dt{color:#82908b;font:500 8px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.usecase-evidence dd{margin:11px 0 0;color:#eef2ec;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.usecase-narrative{padding-block:clamp(75px,9vw,130px);border-bottom:1px solid var(--uc-line)}
.usecase-narrative-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--uc-line)}
.usecase-narrative-block{display:grid;grid-template-columns:70px 1fr;gap:8px 24px;padding:34px 42px 20px 0;border-bottom:1px solid var(--uc-line)}
.usecase-narrative-block+.usecase-narrative-block{padding-left:42px;border-left:1px solid var(--uc-line);background:var(--uc-accent-soft)}
.usecase-narrative-block>span{grid-row:1/span 2;color:var(--uc-accent);font:500 11px/1 var(--font-mono)}
.usecase-narrative-block h2{margin:0;font-size:clamp(27px,3vw,43px);line-height:1.05;letter-spacing:-.04em}
.usecase-narrative-block p{grid-column:2;margin:30px 0 0;color:var(--uc-muted);font-size:15px;line-height:1.8}
.usecase-flow{padding-block:clamp(70px,8vw,110px);border-bottom:1px solid var(--uc-line);background:#e7e4db}
.usecase-detail .usecase-section-head{margin-bottom:34px}
.usecase-flow ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;border-block:1px solid var(--uc-line);list-style:none}
.usecase-flow li{position:relative;min-height:170px;padding:20px 21px;border-left:1px solid var(--uc-line)}
.usecase-flow li:first-child{border-left:0}
.usecase-flow li:not(:last-child)::after{content:"→";position:absolute;right:-11px;top:22px;z-index:1;width:22px;background:#e7e4db;color:var(--uc-accent);font-family:var(--font-mono);text-align:center}
.usecase-flow li>span{color:var(--uc-accent);font:500 9px/1 var(--font-mono)}
.usecase-flow li>strong{display:block;max-width:20ch;margin-top:70px;font-size:14px;line-height:1.4}
.usecase-outcomes{padding-block:clamp(75px,9vw,125px);border-bottom:1px solid var(--uc-line);background:#17211e;color:#f2f2eb}
.usecase-outcomes-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,7vw,90px)}
.usecase-outcomes .usecase-section-head{display:block}
.usecase-outcomes .usecase-section-head>span{color:#86aa9d}
.usecase-outcomes .usecase-section-head h2{max-width:9ch;margin-top:25px}
.usecase-outcomes ol{margin:0;padding:0;border-top:1px solid #3d4945;list-style:none}
.usecase-outcomes li{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid #3d4945}
.usecase-outcomes li b{color:var(--uc-accent);font:500 10px/1.5 var(--font-mono)}
.usecase-outcomes li p{max-width:34ch;margin:0;color:#c6ceca;font-size:clamp(19px,2.3vw,30px);line-height:1.25;letter-spacing:-.02em}
.usecase-implementation{padding-block:clamp(75px,9vw,120px);border-bottom:1px solid var(--uc-line)}
.usecase-implementation ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;border-top:1px solid var(--uc-line);list-style:none;counter-reset:steps}
.usecase-implementation li{min-height:220px;padding:22px 24px;border-right:1px solid var(--uc-line);border-bottom:1px solid var(--uc-line)}
.usecase-implementation li:first-child{border-left:1px solid var(--uc-line)}
.usecase-implementation li>span{color:var(--uc-accent);font:500 10px/1 var(--font-mono)}
.usecase-implementation li>p{margin:82px 0 0;color:#34413c;font-size:14px;line-height:1.65}
.usecase-faq{padding-block:clamp(70px,8vw,110px);border-bottom:1px solid var(--uc-line);background:#e8e5dc}
.usecase-faq-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,7vw,90px)}
.usecase-faq .usecase-section-head{display:block}
.usecase-faq .usecase-section-head h2{margin-top:25px}
.usecase-faq details{border-top:1px solid var(--uc-line)}
.usecase-faq details:last-child{border-bottom:1px solid var(--uc-line)}
.usecase-faq summary{position:relative;padding:21px 42px 21px 0;font-size:17px;line-height:1.4;cursor:pointer;list-style:none}
.usecase-faq summary::-webkit-details-marker{display:none}
.usecase-faq summary::after{content:"+";position:absolute;right:5px;color:var(--uc-accent);font:400 20px/1 var(--font-mono)}
.usecase-faq details[open] summary::after{content:"−"}
.usecase-faq details p{max-width:62ch;margin:0;padding:0 44px 23px 0;color:var(--uc-muted);font-size:14px;line-height:1.7}
.usecase-sources{padding-block:clamp(65px,7vw,95px);border-bottom:1px solid var(--uc-line)}
.usecase-sources ol{margin:0;padding:0;border-top:1px solid var(--uc-line);list-style:none}
.usecase-sources li{border-bottom:1px solid var(--uc-line)}
.usecase-sources a{display:flex;justify-content:space-between;gap:20px;padding:17px 0;color:var(--uc-ink);font-size:13px}
.usecase-sources a:hover{color:var(--uc-accent);text-decoration:none}
.usecase-sources a b{color:var(--uc-accent)}
.usecase-related{padding-block:clamp(70px,8vw,110px);background:#ece9e0}
.usecase-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--uc-line);border-left:1px solid var(--uc-line)}

@media(max-width:960px){
  .usecase-index-hero-grid{grid-template-columns:1fr;min-height:0;padding-block:90px 62px}.usecase-index-proof{max-width:520px}
  .usecase-controls-grid{grid-template-columns:1fr 1fr}.usecase-search{grid-column:1/-1}
  .usecase-section-head{grid-template-columns:1fr 2fr}.usecase-section-head>p{grid-column:2}
  .usecase-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .usecase-detail-hero-grid{grid-template-columns:1fr;min-height:0}.usecase-detail-copy h1{max-width:17ch}.usecase-detail-visual{max-width:680px}.usecase-detail-visual>div{aspect-ratio:4/3}
  .usecase-evidence>.wrap{grid-template-columns:1fr}.usecase-evidence dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 0}.usecase-evidence dl>div:nth-child(4){border-left:0}
  .usecase-flow ol,.usecase-implementation ol{grid-template-columns:repeat(2,minmax(0,1fr))}.usecase-flow li:nth-child(3){border-left:0}.usecase-flow li:nth-child(2)::after{display:none}.usecase-implementation li:nth-child(3){border-left:1px solid var(--uc-line)}
}
@media(max-width:680px){
  .usecase-index-hero::after{display:none}.usecase-index-hero-grid{padding-block:64px 48px}.usecase-index-copy h1{font-size:clamp(45px,14vw,65px)}.usecase-index-copy>p{font-size:15px}
  .usecase-controls-grid{grid-template-columns:1fr}.usecase-search,.usecase-result{grid-column:1}.usecase-filter-group>div{gap:6px}
  .usecase-featured,.usecase-library{padding-block:60px}.usecase-section-head{display:block}.usecase-section-head h2{margin-top:22px}.usecase-section-head>p{margin-top:17px}
  .usecase-featured-grid,.usecase-library-grid,.usecase-related-grid{display:block;border-left:1px solid var(--uc-line)}.usecase-featured-grid>.usecase-card{grid-column:auto}.usecase-card-media,.usecase-card--featured .usecase-card-media{min-height:240px}.usecase-card-media img,.usecase-card--featured .usecase-card-media img{height:240px;padding:32px}.usecase-card--featured h3{font-size:30px}
  .usecase-detail-hero-grid{padding-block:46px 60px}.usecase-back{margin-bottom:42px}.usecase-detail-copy h1{font-size:clamp(40px,12vw,58px);overflow-wrap:anywhere}.usecase-detail-copy>p{font-size:15px}.usecase-detail-visual>div{aspect-ratio:1/1}
  .usecase-evidence dl{grid-template-columns:1fr 1fr}.usecase-evidence dl>div{padding:0 12px}.usecase-evidence dl>div:nth-child(odd){border-left:0}
  .usecase-narrative-grid{grid-template-columns:1fr}.usecase-narrative-block,.usecase-narrative-block+.usecase-narrative-block{grid-template-columns:42px 1fr;padding:28px 0;border-left:0}.usecase-narrative-block+.usecase-narrative-block{padding-inline:18px}.usecase-narrative-block p{margin-top:20px}
  .usecase-flow ol,.usecase-implementation ol{grid-template-columns:1fr}.usecase-flow li{min-height:130px;border-top:1px solid var(--uc-line);border-left:0}.usecase-flow li:first-child{border-top:0}.usecase-flow li::after{display:none}.usecase-flow li>strong{margin-top:42px}.usecase-implementation li,.usecase-implementation li:first-child,.usecase-implementation li:nth-child(3){min-height:0;border-left:1px solid var(--uc-line)}.usecase-implementation li>p{margin-top:46px}
  .usecase-outcomes-grid,.usecase-faq-grid{grid-template-columns:1fr;gap:10px}.usecase-outcomes .usecase-section-head h2{max-width:12ch}.usecase-outcomes li p{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.usecase-card-media img{transition:none}}