.safe-journey{position:relative;background:#050b12;color:#fff;padding:130px clamp(18px,8vw,120px);min-height:1080px;overflow:hidden}.safe-journey-shell{max-width:1200px;margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.safe-copy h2{font:800 clamp(48px,6vw,82px)/.9 'Barlow Condensed';text-transform:uppercase;margin:0 0 22px}.safe-copy h2 em{color:#f6c344;font-style:normal}.safe-copy>p{max-width:390px;color:#a9bdc8;line-height:1.7}.safe-steps{list-style:none;margin:36px 0 0;padding:0}.safe-steps li{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#718894;font-size:13px;transition:.25s}.safe-steps li b{display:grid;place-items:center;width:28px;height:28px;border:1px solid #385566;border-radius:50%;font-size:10px}.safe-steps li.active{color:#fff;transform:translateX(8px)}.safe-steps li.active b{color:#06121b;background:#f6c344;border-color:#f6c344;box-shadow:0 0 22px rgba(246,195,68,.5)}.safe-stage{position:relative;min-height:560px;perspective:1100px;display:grid;place-items:center}.safe-stage:after{content:'SAFE HOME / ELECTRICAL SYSTEM';position:absolute;top:12px;right:18px;color:#66818e;font:10px monospace;letter-spacing:2px}.house-3d{position:relative;width:430px;height:300px;transform-style:preserve-3d;transform:rotateX(7deg) rotateY(var(--turn,-20deg));transition:transform .4s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 35px 30px rgba(0,0,0,.4))}.house-face{position:absolute;bottom:0;width:300px;height:220px;background:linear-gradient(145deg,rgba(33,67,84,.75),rgba(7,20,29,.88));border:1px solid rgba(99,231,255,.4);transform:translateX(65px) translateZ(80px);transform-style:preserve-3d}.house-side{position:absolute;bottom:0;left:65px;width:160px;height:220px;background:linear-gradient(135deg,rgba(22,48,62,.7),rgba(4,15,23,.9));border:1px solid rgba(99,231,255,.3);transform:rotateY(90deg) translateZ(80px);transform-origin:right}.house-roof{position:absolute;top:32px;left:48px;width:330px;height:175px;background:linear-gradient(135deg,rgba(14,42,56,.8),rgba(4,13,20,.95));border:1px solid rgba(246,195,68,.55);transform:rotateX(58deg) translateZ(140px);clip-path:polygon(50% 0,100% 100%,0 100%);box-shadow:0 0 30px rgba(246,195,68,.08)}.wire-3d{position:absolute;height:3px;background:linear-gradient(90deg,#63e7ff,#fff,#f6c344);border-radius:4px;box-shadow:0 0 14px #63e7ff;transform-origin:left;opacity:.12;transition:opacity .35s,box-shadow .35s}.wire-3d.active{opacity:1;box-shadow:0 0 18px #f6c344}.w1{left:215px;top:22px;width:150px;transform:rotate(90deg)}.w2{left:150px;top:120px;width:160px}.w3{left:120px;top:175px;width:200px;transform:rotate(-10deg)}.w4{left:215px;top:210px;width:110px;transform:rotate(90deg)}.safe-node{position:absolute;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:rgba(5,18,27,.92);border:1px solid rgba(255,255,255,.25);color:#819ba7;font:9px monospace;text-align:center;transform:translateZ(120px);opacity:.25;transition:.35s}.safe-node.active{opacity:1;color:#fff;border-color:#f6c344;box-shadow:0 0 25px rgba(246,195,68,.3)}.node-earth{left:92px;bottom:28px}.node-rcd{left:238px;top:110px}.node-measure{right:25px;top:190px}.node-light{right:50px;top:45px}.safe-meter{position:absolute;left:10%;right:10%;bottom:16px;height:3px;background:#203846}.safe-meter i{display:block;height:100%;width:20%;background:linear-gradient(90deg,#63e7ff,#f6c344);box-shadow:0 0 14px #63e7ff;transition:width .25s}@media(max-width:850px){.safe-journey{padding:85px 20px;min-height:auto}.safe-journey-shell{grid-template-columns:1fr;gap:25px}.safe-copy h2{font-size:58px}.safe-stage{min-height:390px;overflow:hidden}.house-3d{transform:scale(.75) rotateX(5deg) rotateY(var(--turn,-12deg))}.safe-stage:after{font-size:8px;top:4px;right:4px}}@media(max-width:520px){.safe-journey{padding:70px 16px}.safe-copy h2{font-size:49px}.safe-copy>p{font-size:14px}.safe-stage{min-height:330px}.house-3d{transform:scale(.58) rotateX(4deg) rotateY(var(--turn,-8deg))}.safe-node{transform:translateZ(120px) scale(1.1)}.safe-steps{margin-top:24px}}