.breadcrumb a{color:var(--muted);text-decoration:none}.gateway-state{padding:7px 10px;border-radius:7px;background:var(--amber-soft);color:var(--amber);font-size:12px;font-weight:750}.gateway-layout{display:grid;grid-template-columns:minmax(310px,.94fr) minmax(430px,1.3fr);gap:18px}.gateway-subtitle{margin:5px 0 0;color:#8792a5;font-size:12px}.device-card{display:flex;gap:17px;align-items:center;margin:3px 0 23px;padding:17px;border:1px solid #e4e2ff;border-radius:10px;background:#fcfbff}.device-illustration{position:relative;display:grid;place-items:center;flex:0 0 auto;width:78px;height:68px;border-radius:13px;background:#252e47;box-shadow:inset 0 0 0 1px #3d4a68}.device-mark{color:#b9b3ff;font-size:28px;transform:rotate(-18deg)}.device-led{position:absolute;right:12px;bottom:12px;width:6px;height:6px;border-radius:50%;background:#55d3a5;box-shadow:0 0 8px #55d3a5}.signal{position:absolute;border:1px solid #7582a3;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-42deg)}.signal.a{top:7px;right:7px;width:20px;height:20px}.signal.b{top:1px;right:1px;width:32px;height:32px}.device-card h3{margin:2px 0 7px;font-size:14px}.device-card p:not(.eyebrow){margin:0;color:#778398;font-size:12px;line-height:1.45}.safety-list{display:grid;gap:12px;padding-top:17px;border-top:1px solid var(--line)}.safety-list div{display:flex;gap:9px;align-items:center}.safety-list span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--green-soft);color:var(--green);font-size:11px;font-weight:800}.safety-list p{margin:0;color:#59657a;font-size:12px}.gateway-steps{display:grid;gap:0;padding:0;margin:0;list-style:none}.gateway-steps li{position:relative;display:grid;grid-template-columns:30px 1fr;gap:12px;padding:0 0 20px}.gateway-steps li:not(:last-child)::before{content:"";position:absolute;left:14px;top:30px;bottom:0;width:1px;background:#e4e7ee}.gateway-steps li>span{z-index:1;display:grid;place-items:center;width:29px;height:29px;border:1px solid #dce1e9;border-radius:50%;background:#fff;color:#8d98ab;font-size:12px;font-weight:800}.gateway-steps li.active>span{border-color:var(--violet);background:var(--violet);color:#fff;box-shadow:0 0 0 4px var(--violet-soft)}.gateway-steps strong{display:block;padding-top:5px;color:#536075;font-size:13px}.gateway-steps li.active strong{color:var(--violet)}.gateway-steps p{margin:5px 0 11px;color:#8590a4;font-size:12px;line-height:1.43}.activation-area{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:3px;padding:16px;border-radius:9px;background:#f3f2ff}.activation-area strong{font-size:13px;color:#403876}.activation-area p{margin:4px 0 0;color:#77729a;font-size:11px;line-height:1.4}.gateway-status{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px}.status-items{display:flex;flex-wrap:wrap;gap:14px;color:#637087;font-size:12px}.status-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%}.online-dot{background:var(--green)}.pending-dot{background:var(--amber)}@media(max-width:1050px){.gateway-layout{grid-template-columns:1fr}}@media(max-width:720px){.gateway-state{margin-top:8px}.device-card{align-items:start;flex-direction:column}.activation-area{align-items:start;flex-direction:column}.gateway-status{align-items:start;flex-direction:column}.status-items{display:grid;gap:8px}}