.journey{position:relative;background:#050b12;color:#fff;min-height:820px;padding:130px clamp(22px,8vw,120px);overflow:hidden}.journey:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 72% 42%,rgba(99,231,255,.08),transparent 26%),linear-gradient(90deg,transparent,rgba(246,195,68,.04),transparent);pointer-events:none}.journey-shell{position:relative;z-index:1;max-width:1200px;margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.journey-copy .eyebrow{color:#f6c344}.journey-copy h2{font:800 clamp(46px,6vw,82px)/.9 'Barlow Condensed';text-transform:uppercase;margin:0 0 24px}.journey-copy h2 em{color:#f6c344;font-style:normal}.journey-copy>p{max-width:390px;color:#a9bdc8;line-height:1.7}.journey-steps{margin:40px 0 0;padding:0;list-style:none}.journey-steps li{display:flex;gap:15px;align-items:center;padding:13px 0;color:#6f8794;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px;transition:color .3s,transform .3s}.journey-steps li span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #315063;border-radius:50%;font-size:10px}.journey-steps li.active{color:#fff;transform:translateX(9px)}.journey-steps li.active span{color:#06121b;background:#f6c344;border-color:#f6c344;box-shadow:0 0 20px rgba(246,195,68,.5)}.journey-next{margin-top:28px;color:#66818e;font:10px monospace;letter-spacing:2px}.journey-next:after{content:' ↓';color:#f6c344}.journey-visual{position:relative;min-height:520px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(135deg,rgba(14,35,49,.72),rgba(3,11,18,.45));box-shadow:0 25px 80px rgba(0,0,0,.35);overflow:hidden}.journey-visual:after{content:'ENERGY SYSTEM / 01';position:absolute;top:22px;right:26px;color:#55717f;font:10px monospace;letter-spacing:2px}.journey-svg{position:absolute;inset:0;width:100%;height:100%}.journey-svg .structure{fill:none;stroke:#365466;stroke-width:1.2;opacity:.6}.journey-svg .wire{fill:none;stroke:url(#jgrad);stroke-width:3;stroke-linecap:round;stroke-dasharray:10 18;filter:drop-shadow(0 0 5px rgba(99,231,255,.8));opacity:.15;transition:opacity .5s}.journey-svg .wire.active{opacity:1;animation:journeyFlow 2s linear infinite}.journey-label{position:absolute;padding:8px 11px;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:rgba(4,15,23,.75);backdrop-filter:blur(6px);color:#a8c1cc;font:10px monospace;letter-spacing:1px;transition:color .3s,border .3s,box-shadow .3s}.journey-label.active{color:#fff;border-color:#f6c344;box-shadow:0 0 24px rgba(246,195,68,.2)}.label-pv{top:17%;right:19%}.label-battery{top:42%;left:14%}.label-board{top:55%;right:16%}.label-home{bottom:18%;left:22%}.label-ev{bottom:12%;right:15%}.journey-meter{position:absolute;bottom:24px;left:26px;right:26px;height:3px;background:#203846}.journey-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#63e7ff,#f6c344);box-shadow:0 0 12px #63e7ff;transition:width .7s}@keyframes journeyFlow{to{stroke-dashoffset:-56}}@media(max-width:850px){.journey{padding:90px 22px;min-height:auto}.journey-shell{grid-template-columns:1fr;gap:34px}.journey-copy h2{font-size:58px}.journey-visual{min-height:430px}.journey-steps{margin-top:28px}.journey-visual:after{top:14px;right:14px;font-size:8px}}@media(max-width:520px){.journey{padding:74px 18px}.journey-copy h2{font-size:50px}.journey-copy>p{font-size:14px}.journey-visual{min-height:380px;border-radius:16px}.journey-label{font-size:8px;padding:6px 8px}.label-pv{top:18%;right:8%}.label-battery{top:43%;left:7%}.label-board{top:56%;right:7%}.label-home{bottom:19%;left:12%}.label-ev{bottom:10%;right:8%}}@media(prefers-reduced-motion:reduce){.journey-svg .wire.active{animation:none}.journey-steps li,.journey-label,.journey-meter i{transition:none}}