.hero-infographic.dev-journey{margin:0;padding:0;max-width:650px;width:100%;background:none;justify-self:center}.dj-top{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#a79c95;font-size:12px;letter-spacing:.08em;margin-bottom:20px}.dj-pause{width:35px;height:35px;flex:none;border:1px solid #584739;background:transparent;border-radius:50%;font-size:16px}.dj-frame{border:1px solid #554337;background:radial-gradient(ellipse at 90% 10%,#44201440,transparent 65%),#13100e;border-radius:15px;overflow:hidden}.dj-scene{height:315px;padding:25px;display:grid;align-items:center;animation:dj-in .55s ease both}.dj-mini{font-size:11px;color:#ae9584;letter-spacing:.08em;line-height:1.6}.dj-pill{display:block;text-align:center;margin-top:20px;color:#bfa48e;font-size:13px}.dj-chat>div{padding:14px 18px;border:1px solid #4b3b30;border-radius:12px;max-width:85%;background:#1a1612}.dj-chat>div+div{margin:15px 0 0 auto;background:#352016;border-color:#79503a}.dj-chat small{font-size:10px;color:#bc9f89}.dj-chat p{font-size:17px;line-height:1.5;margin-top:5px}.dj-estimate h4{font-size:26px;margin:12px 0 20px}.dj-estimate>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff18;padding:10px 0;font-size:13px}.dj-estimate>div span{color:#a89d95}.dj-estimate b{font-weight:500}.dj-stamp{font-size:14px;color:#ff7857;margin-top:12px}.dj-map{display:flex;flex-direction:column;align-items:center}.dj-map-root{background:#f01f01;padding:13px 27px;border-radius:8px;font-size:21px;font-weight:600}.dj-map>i{height:28px;width:1px;background:#97402c}.dj-map-row{display:flex;width:100%;justify-content:space-between;gap:10px}.dj-map-row span{padding:12px 7px;border:1px solid #74513e;border-radius:7px;flex:1;text-align:center;font-size:16px}.dj-map-small span{font-size:13px;color:#a89d95;background:#1d1611}.dj-map p{font-size:13px;color:#bc9a82;margin-top:18px}.dj-wire{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dj-wire-page{flex:1;min-width:0;height:173px;padding:12px 10px;border:1px solid #796452;border-radius:6px;background:#171513;display:flex;flex-direction:column;gap:10px}.dj-wire-page>span{font-size:12px;color:#bbaea2;border-bottom:1px solid #514538;padding-bottom:10px}.dj-wire-page i{height:5px;background:#51483e;width:80%}.dj-wire-page b{display:block;height:27px;background:#383029;border:1px solid #645243}.dj-wire-page>div{height:14px;border:1px solid #4d4237}.dj-wire-arrow{font-size:22px;color:#b98c6f}.dj-wire>p{width:100%;text-align:center;font-size:13px;color:#a59589;margin-top:15px}.dj-design-board{border:1px dashed #74503c;padding:19px;position:relative}.dj-design-board:before,.dj-design-board:after{content:'';position:absolute;width:6px;height:6px;background:#f01f01;top:-3px;left:-3px}.dj-design-board:after{top:auto;left:auto;bottom:-3px;right:-3px}.dj-design h4{font-size:34px;line-height:1.1;margin:15px 0}.dj-swatches{display:flex;align-items:center;gap:10px}.dj-swatches i{width:28px;height:28px;border-radius:50%;background:#f01f01}.dj-swatches i:nth-child(2){background:#d1b49c}.dj-swatches i:nth-child(3){background:#eee}.dj-swatches b{font-size:24px;margin-left:auto}.dj-design-grid{display:flex;gap:16px;font-size:11px;color:#bda38f;margin-top:17px}.dj-code{display:grid;grid-template-columns:1fr 1.1fr;gap:22px;align-items:center}.dj-code-lines{font-family:monospace;color:#ff8464;display:grid;gap:12px;font-size:13px;line-height:1.5}.dj-releases{border-left:1px solid #554134;padding-left:21px}.dj-releases p{padding:15px 0;border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;gap:4px;font-size:14px}.dj-releases b{font-weight:550}.dj-releases p span{font-size:12px;color:#9b8f84}.dj-devices{display:flex;align-items:flex-end;justify-content:center;gap:17px;margin-bottom:25px}.dj-devices>div{border:2px solid #ab7554;border-radius:9px;width:170px;height:95px;display:grid;place-items:center;background:#1c1510}.dj-devices>div+div{width:45px;height:83px}.dj-devices span{color:#ff6744;font-size:32px}.dj-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:14px;color:#d5c9bf}.dj-tests p{font-size:13px;color:#a29181;text-align:center;margin-top:23px}.dj-launch{border:1px solid #78543c;border-radius:9px;overflow:hidden}.dj-live-bar{display:flex;align-items:center;gap:8px;padding:10px 15px;font-size:11px;color:#e9be99;background:#2a190f}.dj-live-bar>span{width:6px;height:6px;background:#ff6244;border-radius:50%;box-shadow:0 0 0 4px #f01f0125}.dj-live-bar b{margin-left:auto;font-size:19px}.dj-live-content{padding:20px}.dj-launch h4{font-size:36px;line-height:1.05;margin:12px 0 20px}.dj-live-products{display:flex;gap:8px}.dj-live-products span{font-size:11px;padding:6px 9px;background:#2a1b12;border-radius:4px;color:#c9b29d}.dj-live-bottom{border-top:1px solid #4b3524;display:flex;justify-content:space-between;padding:10px 16px;color:#bd9b7e;font-size:12px}.dj-live-bottom span{color:#ff7857}.dj-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:20px 0}.dj-tabs button{background:#15120f;border:1px solid #47372a;border-radius:7px;text-align:left;padding:10px 9px;font-size:12px;line-height:1.4;min-height:68px;transition:background .4s,border-color .4s}.dj-tabs button>span{display:block;font-size:11px;margin-bottom:5px;color:#9b7960}.dj-tabs button:hover{border-color:#ff6244}.dj-tabs button[aria-pressed=true]{background:#352015;border-color:#e55331}.dj-tabs button[aria-pressed=true]>span{color:#ff7c58}.hero-infographic .dj-caption{padding-top:18px;border-top:1px solid #3e3026;min-height:185px}.dj-counter{font-size:12px;color:#b1937d}.dj-caption h3{font-size:22px;line-height:1.25;margin:10px 0}.dj-caption p{font-size:15px;line-height:1.7;color:#aaa}.dj-caption small{display:block;margin-top:12px;font-size:12px;color:#9b8574}@keyframes dj-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.dj-scene{height:300px;padding:18px}.dj-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.dj-tabs button{padding:8px 5px;font-size:11px;overflow-wrap:anywhere}.dj-chat p{font-size:16px}.dj-code{gap:10px}.dj-code-lines{font-size:11px}.dj-releases{padding-left:11px}.dj-estimate>div{font-size:12px}.dj-map-row span{font-size:14px}.dj-map-small span{font-size:11px}.dj-live-products span{font-size:10px;padding:5px}.dj-checks{font-size:12px}.dj-top{font-size:11px}.dj-caption h3{font-size:21px}}@media(prefers-reduced-motion:reduce){.dev-journey *{animation:none!important;transition:none!important}}html[data-motion=off] .dev-journey *{animation:none!important;transition:none!important}

.dj-tabs button{font-size:13px}@media(max-width:640px){.dj-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.dj-tabs button{font-size:14px;padding:11px;overflow-wrap:normal}.dj-scene{padding:16px}.dj-code-lines{font-size:11px}}