.depth-breadcrumb{max-width:1440px;margin:0 auto;padding:28px 48px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;line-height:1.6;color:#72776d}.depth-breadcrumb a:hover{color:#c95b2c}.depth-breadcrumb [aria-current]{color:#242820}body[data-depth="detail"] .hero{padding-top:34px!important;padding-bottom:64px!important}body[data-depth="detail"] .hero .wrap{display:grid!important;grid-template-columns:.9fr 1.1fr!important;gap:48px!important;align-items:center}body[data-depth="detail"] .hero .txt{max-width:520px!important}body[data-depth="detail"] .hero h1{font-size:clamp(28px,2.8vw,40px)!important;line-height:1.35!important;letter-spacing:-.045em}body[data-depth="detail"] .hero .lead{font-size:14px!important;line-height:1.9!important;margin-top:24px}body[data-depth="detail"] .hero .meta{display:flex;gap:9px 20px;flex-wrap:wrap;margin:24px 0;font-size:11px}body[data-depth="detail"] .hero .meta span{padding:0!important;border:0!important}body[data-depth="detail"] .hero .btns{gap:16px;margin-top:24px}body[data-depth="detail"] .hero .btn{font-size:12px;padding:12px 17px}body[data-depth="detail"] .detail-art{margin:0;min-width:0}body[data-depth="detail"] .detail-art img{width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.035)}.detail-art figcaption{font-size:10px!important;text-align:right;color:#7c8176;margin-top:16px}.detail-demo-link{display:inline-block;margin-top:22px;font-size:12px;border-bottom:1px solid #bdc4b7;padding-bottom:5px}.detail-demo-link span{margin-left:18px}#details,#architecture{scroll-margin-top:100px}.hero .btns .btn>span[aria-hidden]{margin-left:12px;font-size:15px}.industry-state{font-size:12px;color:#747b6d;margin-top:22px}
.usecase-map{padding:28px 32px 26px;margin:38px 0 0;border-top:1px solid #ced3c6;border-bottom:1px solid #ced3c6}.usecase-map-head{display:flex;justify-content:space-between;gap:20px;font:10px var(--mono);color:#737c69;margin-bottom:24px}.usecase-map svg{display:block;width:100%;height:auto}.usecase-map ol{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.usecase-map li>span{font:10px var(--mono);color:#be6037}.usecase-map h3{font-size:17px;font-weight:500;margin:9px 0}.usecase-map p{font-size:12px;line-height:1.8;color:#707866;margin:0}.signal-indicator{animation:signal-breathe 8s ease-in-out infinite}.signal-indicator:nth-of-type(2n){animation-delay:-3s}@keyframes signal-breathe{0%,100%{opacity:.4}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.signal-indicator{animation:none}}
@media(max-width:1000px){body[data-depth="detail"] .hero .wrap{grid-template-columns:1fr!important;gap:26px!important}body[data-depth="detail"] .hero .txt{max-width:700px!important}.detail-art{max-width:780px;width:100%;justify-self:center}.depth-breadcrumb{padding:22px 32px 0}}
@media(max-width:600px){.depth-breadcrumb{padding:20px 22px 0;gap:8px;font-size:10px}body[data-depth="detail"] .hero{padding-top:28px!important}body[data-depth="detail"] .hero h1{font-size:29px!important}body[data-depth="detail"] .hero .btn{font-size:11px;padding:11px 13px}.usecase-map{padding:22px 0}.usecase-map-head{font-size:8px}.usecase-map ol{grid-template-columns:1fr;gap:20px}.usecase-map li{padding-left:34px;position:relative}.usecase-map li>span{position:absolute;left:0;top:4px}.usecase-map h3{font-size:16px;margin-top:0}.usecase-map svg{min-height:130px}.detail-art figcaption{font-size:9px!important}}
body[data-depth="detail"] .hero .txt{gap:20px}body[data-depth="detail"] .hero .lead,body[data-depth="detail"] .hero .meta{margin:0}body[data-depth="detail"] .hero .btns{margin-top:8px}.detail-demo-link{margin-top:0;justify-self:start}@media(max-width:600px){body[data-depth="detail"] .hero .txt{gap:18px}body[data-depth="detail"] .hero .meta{gap:8px 14px}body[data-depth="detail"] .hero .btns{margin-top:4px}body[data-depth="detail"] .hero{padding-bottom:40px!important}}
body[data-depth="detail"] .hero .txt{gap:20px!important}body[data-depth="detail"] .hero .lead,body[data-depth="detail"] .hero .meta{margin:0!important}body[data-depth="detail"] .hero .btns{margin-top:8px!important}body[data-depth="detail"] .detail-demo-link{margin-top:0!important}@media(max-width:600px){body[data-depth="detail"] .hero .txt{gap:18px!important}}