:root{--vj-bg: #0d0d0d;--vj-text: #f3f4f6;--vj-muted: #9ca3af;--vj-teal: #73c2ba;--vj-rust: #ef4444;--vj-gold: #facc15;--vj-green: #10b981;--vj-card-bg: rgba(255, 255, 255, .03);--vj-card-border: rgba(255, 255, 255, .08);--vj-ease: cubic-bezier(.16, 1, .3, 1)}.video-journey{background-color:var(--vj-bg);color:var(--vj-text);padding:clamp(100px,12vw,150px) 0;position:relative;overflow:hidden;font-family:Inter,-apple-system,sans-serif}.video-journey:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,rgba(115,194,186,.1) 0%,transparent 60%);pointer-events:none}.vj-container{width:100%;padding:0 clamp(20px,4vw,80px);margin:0 auto}.vj-header{text-align:center;max-width:800px;margin:0 auto 80px}.vj-eyebrow{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--vj-teal);margin-bottom:24px}.vj-title{font-size:clamp(2.5rem,4vw,4.5rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:0 0 20px;color:#fff}.vj-subtitle{font-size:clamp(1.1rem,1.5vw,1.4rem);line-height:1.6;color:var(--vj-muted);margin:0}.vj-timeline-wrapper{position:relative;margin-bottom:40px}.vj-timeline-track{position:absolute;top:14px;left:10%;right:10%;height:2px;background:#ffffff1a;z-index:1}.vj-timeline-progress{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,var(--vj-rust) 0%,#f97316 25%,var(--vj-gold) 50%,var(--vj-teal) 75%,var(--vj-green) 100%);box-shadow:0 0 10px #ffffff1a;transition:width 1.5s var(--vj-ease)}.vj-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;position:relative;z-index:2}.vj-card{display:flex;flex-direction:column;position:relative;opacity:0;transform:translateY(30px);transition:opacity .8s var(--vj-ease),transform .8s var(--vj-ease)}.vj-card.is-visible{opacity:1;transform:translateY(0)}.vj-node{width:30px;height:30px;border-radius:50%;background:var(--vj-bg);border:2px solid rgba(255,255,255,.2);margin:0 auto 30px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .5s var(--vj-ease)}.vj-card.is-visible .vj-node{border-color:#ffffff80}.vj-card[data-stage="1"].is-visible .vj-node{border-color:var(--vj-rust);box-shadow:0 0 15px #ef444466}.vj-card[data-stage="1"] .vj-node:after{background:var(--vj-rust)}.vj-card[data-stage="2"].is-visible .vj-node{border-color:#f97316;box-shadow:0 0 15px #f9731666}.vj-card[data-stage="2"] .vj-node:after{background:#f97316}.vj-card[data-stage="3"].is-visible .vj-node{border-color:var(--vj-gold);box-shadow:0 0 15px #facc1566}.vj-card[data-stage="3"] .vj-node:after{background:var(--vj-gold)}.vj-card[data-stage="4"].is-visible .vj-node{border-color:var(--vj-teal);box-shadow:0 0 15px #73c2ba66}.vj-card[data-stage="4"] .vj-node:after{background:var(--vj-teal)}.vj-card[data-stage="5"].is-visible .vj-node{border-color:var(--vj-green);box-shadow:0 0 15px #10b98166}.vj-card[data-stage="5"] .vj-node:after{background:var(--vj-green)}.vj-node:after{content:"";width:8px;height:8px;border-radius:50%;opacity:0;transform:scale(0);transition:all .5s var(--vj-ease) .3s}.vj-card.is-visible .vj-node:after{opacity:1;transform:scale(1)}.vj-box{background:var(--vj-card-bg);border:1px solid var(--vj-card-border);border-radius:16px;padding:24px;flex-grow:1;display:flex;flex-direction:column;transition:border-color .3s ease,background .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vj-card:hover .vj-box{background:#ffffff0d;border-color:#ffffff26}.vj-viz{height:80px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative}.vj-viz-circle{width:60px;height:60px;border-radius:50%;background:conic-gradient(var(--vj-rust) 0% 70%,rgba(255,255,255,.1) 70% 100%);position:relative;animation:rotateIn 1s cubic-bezier(.4,0,.2,1) forwards}.vj-viz-circle:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;background:var(--vj-bg);border-radius:50%}@keyframes rotateIn{0%{transform:rotate(-90deg) scale(0);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}.vj-viz-bars{display:flex;align-items:flex-end;gap:6px;height:60px}.vj-bar{width:12px;background:#fff3;border-radius:2px 2px 0 0;transition:height 1s var(--vj-ease)}.vj-card.is-visible .vj-bar:nth-child(1){height:100%;background:var(--vj-teal)}.vj-card.is-visible .vj-bar:nth-child(2){height:75%;background:var(--vj-gold)}.vj-card.is-visible .vj-bar:nth-child(3){height:40%;background:var(--vj-rust)}.vj-card.is-visible .vj-bar:nth-child(4){height:15%;background:var(--vj-rust)}.vj-viz-line{width:100%;height:40px;position:relative}.vj-viz-line svg{width:100%;height:100%;overflow:visible}.vj-line-path{fill:none;stroke:var(--vj-rust);stroke-width:3;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200}.vj-card.is-visible .vj-line-path{animation:drawLine 1.5s var(--vj-ease) forwards}@keyframes drawLine{to{stroke-dashoffset:0}}.vj-viz-ring{width:60px;height:60px;position:relative}.vj-viz-ring svg{transform:rotate(-90deg)}.vj-ring-bg{fill:none;stroke:#ffffff1a;stroke-width:4}.vj-ring-progress{fill:none;stroke:var(--vj-gold);stroke-width:4;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}.vj-card.is-visible .vj-ring-progress{animation:fillRing 1.5s var(--vj-ease) forwards}@keyframes fillRing{to{stroke-dashoffset:25}}.vj-viz-pulse{width:20px;height:20px;background:var(--vj-green);border-radius:50%;position:relative;box-shadow:0 0 20px var(--vj-green)}.vj-viz-pulse:before,.vj-viz-pulse:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:2px solid var(--vj-green);animation:pulseOut 2s cubic-bezier(.16,1,.3,1) infinite}.vj-viz-pulse:after{animation-delay:1s}@keyframes pulseOut{0%{transform:scale(1);opacity:1}to{transform:scale(3);opacity:0}}.vj-meta{display:flex;align-items:center;gap:10px;margin-bottom:12px}.vj-pct{font-size:1.5rem;font-weight:800;color:#fff;line-height:1}.vj-title-sm{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--vj-teal)}.vj-desc{font-size:.9rem;color:var(--vj-muted);line-height:1.5;margin:0 0 20px}.vj-leak-block{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:12px}.vj-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:4px 8px;border-radius:4px;display:inline-block;width:max-content}.vj-label--leak{background:#ef444426;color:var(--vj-rust)}.vj-label--fix{background:#10b98126;color:var(--vj-green)}.vj-text{font-size:.85rem;line-height:1.4;color:#d1d5db;margin:0}.vj-footer{margin-top:80px;text-align:center}.vj-cta{display:inline-flex;align-items:center;justify-content:center;padding:20px 48px;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:50px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #ffffff0d;transition:all .3s var(--vj-ease);position:relative;overflow:hidden}.vj-cta:hover{transform:translateY(-4px);background:#ffffff1f;border-color:#fff6;box-shadow:0 20px 40px #0009,0 0 30px #73c2ba33}@media(max-width:1200px){.vj-grid{grid-template-columns:repeat(5,1fr);overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:0 20px 20px}.vj-card{min-width:280px;scroll-snap-align:center}.vj-timeline-track,.vj-node{display:none}}@media(max-width:768px){.vj-grid{display:flex;flex-direction:row;grid-template-columns:none;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:16px;padding:4px 16px 20px;margin:0 -16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.vj-grid::-webkit-scrollbar{display:none}.vj-card{flex:0 0 86%;min-width:0;flex-direction:column;scroll-snap-align:center;gap:0}.vj-box{padding:22px}.vj-timeline-track,.vj-node,.vj-viz{display:none}.vj-cta{width:100%;padding:20px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/video-journey.css.map */