.motion-heading>p{color:#8fa6b7;max-width:620px;margin:18px auto 22px}.motion-controls{display:flex;align-items:center;justify-content:center;gap:8px}.motion-controls button{height:38px}.motion-controls button:first-child,.motion-controls button:last-child{width:38px;padding:0;border-radius:50%;font-size:15px}.motion-track button.story-step{appearance:none;border:0;background:none;color:inherit;font:inherit;padding:0;text-align:center;cursor:pointer;position:relative;z-index:2;opacity:.58;transition:opacity .35s,transform .35s}.motion-track button.story-step:hover,.motion-track button.story-step:focus-visible,.motion-track button.story-step.active{opacity:1;outline:none}.motion-track button.story-step.active{transform:translateY(-5px)}.motion-track button.story-step.active .motion-icon{background:#ff6525;border-color:#ff6525;box-shadow:0 0 0 8px rgba(255,101,37,.1),0 14px 35px rgba(0,0,0,.28)}.motion-track button.story-step.active h3{color:#fff}.motion-track button.story-step.active p{color:#b8c8d3}.motion-line i{width:20%}.journey-detail{margin-top:58px;border:1px solid #29475d;background:linear-gradient(135deg,#0c2a41,#0a2235);border-radius:24px;padding:28px;display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center;min-height:390px;box-shadow:0 30px 70px rgba(0,0,0,.18)}.journey-visual{min-height:300px;border-radius:18px;background:radial-gradient(circle at 50% 45%,rgba(255,101,37,.14),transparent 50%),#0a2031;border:1px solid #213f55;display:flex;align-items:center;justify-content:center;gap:22px;padding:24px;transition:.2s}.journey-visual.changing{opacity:.2;transform:scale(.98)}.channel-stack{display:grid;gap:8px}.channel-stack span{background:#17364d;border:1px solid #31536b;border-radius:8px;padding:9px 12px;font-size:10px;color:#c2d0d9;animation:channelPulse 2.8s ease-in-out infinite}.channel-stack span:nth-child(2){animation-delay:.2s}.channel-stack span:nth-child(3){animation-delay:.4s}.channel-stack span:nth-child(4){animation-delay:.6s}.visual-arrow{color:#ff6525;font-size:30px;animation:arrowMove 1.4s ease-in-out infinite}.visual-core{width:125px;height:125px;border-radius:50%;background:#ff6525;display:grid;place-items:center;text-align:center;font:800 22px 'Manrope';box-shadow:0 0 0 13px rgba(255,101,37,.09)}.visual-core span{display:block;font:600 9px 'DM Sans';letter-spacing:.08em;text-transform:uppercase}.detail-top{display:flex;align-items:center;justify-content:space-between}.detail-top span{font-size:10px;color:#ff7e45;font-weight:800;letter-spacing:.13em}.detail-top i{font-style:normal;background:#173a50;color:#80d5b3;border-radius:20px;padding:6px 9px;font-size:8px;font-weight:800}.journey-copy h3{font-size:clamp(27px,3vw,38px);margin:18px 0 13px}.journey-copy>p{color:#9eb0bd;font-size:14px}.detail-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0}.detail-outcomes span{border:1px solid #2d4b61;background:#102e44;border-radius:10px;padding:12px;color:#94a8b6;font-size:9px}.detail-outcomes b{display:block;color:#fff;font-size:16px;margin-bottom:2px}.benefit{background:#fff;color:#112536;border-radius:12px;padding:15px 17px}.benefit small,.benefit strong{display:block}.benefit small{color:#ff6525;font-size:8px;font-weight:800;letter-spacing:.12em;margin-bottom:4px}.benefit strong{font-size:12px}.journey-hint{text-align:center;color:#70899b;font-size:10px;margin-top:17px}.kitchen-board{display:grid;gap:10px;width:100%}.kitchen-board span{display:grid;grid-template-columns:70px 1fr auto;align-items:center;background:#153349;border:1px solid #2b4b61;border-radius:10px;padding:13px;color:#b9c9d3;font-size:10px}.kitchen-board b{color:#ff8550}.kitchen-board i{font-style:normal;color:#72d6af;background:#153e3b;border-radius:15px;padding:4px 7px;font-size:8px}.sync-orbit{width:130px;height:130px;border:1px dashed #456278;border-radius:50%;position:relative;display:grid;place-items:center;animation:orbitTurn 13s linear infinite}.sync-orbit div{width:68px;height:68px;background:#ff6525;border-radius:50%;display:grid;place-items:center;font-weight:800}.sync-orbit span{position:absolute;background:#17384e;border:1px solid #34556b;padding:6px 8px;border-radius:7px;font-size:8px}.sync-orbit span:nth-child(2){top:-14px}.sync-orbit span:nth-child(3){right:-45px}.sync-orbit span:nth-child(4){bottom:-14px}.sync-orbit span:nth-child(5){left:-28px}.payment-card{width:230px;background:#fff;color:#132b3d;border-radius:17px;padding:25px;box-shadow:0 20px 50px rgba(0,0,0,.2);text-align:center}.payment-card small,.payment-card b,.payment-card span{display:block}.payment-card small{color:#7f8b94;font-size:9px}.payment-card b{font:800 29px 'Manrope';margin:15px}.payment-card span{background:#e9f8f1;color:#15946a;border-radius:8px;padding:9px;font-size:10px;font-weight:700}.ai-insight{width:100%;background:#fff;color:#112536;border-radius:16px;padding:20px}.ai-insight>span{color:#ff6525;font-size:10px;font-weight:800}.ai-insight p{font-size:13px}.ai-insight>div{height:110px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #dce2e5}.ai-insight i{flex:1;background:linear-gradient(#ff9362,#ff6525);border-radius:5px 5px 0 0;animation:bars 2s ease-in-out infinite alternate}@keyframes channelPulse{50%{border-color:#ff6525;transform:translateX(4px)}}@keyframes arrowMove{50%{transform:translateX(7px)}}@keyframes orbitTurn{to{transform:rotate(360deg)}}
@media(max-width:780px){.journey-detail{grid-template-columns:1fr}.journey-visual{min-height:260px}.motion-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 3px 18px}.motion-track button.story-step{min-width:135px;scroll-snap-align:center}.detail-outcomes{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:520px){.journey-detail{padding:16px;gap:25px}.journey-visual{min-height:230px;padding:15px}.channel-stack span{padding:7px;font-size:8px}.visual-core{width:95px;height:95px;font-size:17px}.detail-outcomes{gap:5px}.detail-outcomes span{padding:9px 7px}.journey-copy h3{font-size:27px}.motion-heading{margin-bottom:45px}}
@media(prefers-reduced-motion:reduce){.channel-stack span,.visual-arrow,.sync-orbit,.ai-insight i{animation:none!important}}
