.magnus-journey,.magnus-journey *{box-sizing:border-box;margin:0;padding:0}.magnus-journey{--mj-orange:#f0562a;--mj-gold:#f6a24b;--cs:clamp(78px,8.6cqi,118px);background:radial-gradient(ellipse 72% 58% at 50% 26%,rgba(240,86,42,.11),rgba(8,8,10,0) 60%),#0b0a0c;color:#fff;container-name:journey;container-type:inline-size;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden;padding:clamp(44px,6cqi,88px) clamp(18px,5cqi,72px) clamp(40px,5cqi,72px);position:relative;text-align:center;width:100%}.magnus-journey .mj-h1{color:#f4f4f4;font-size:clamp(21px,3.3cqi,40px);font-weight:600;letter-spacing:.01em;line-height:1.08;text-transform:uppercase}.magnus-journey .mj-h2{color:var(--mj-orange);font-size:clamp(24px,4.4cqi,52px);font-weight:800;letter-spacing:.005em;line-height:1.05;margin-top:6px;text-transform:uppercase}.magnus-journey .mj-rule{background:var(--mj-orange);border-radius:2px;box-shadow:0 0 14px rgba(240,86,42,.7);height:3px;margin:clamp(16px,2.4cqi,26px) auto 0;width:64px}.magnus-journey .mj-track{display:grid;grid-template-columns:repeat(6,1fr);margin:clamp(30px,5cqi,64px) auto 0;max-width:1320px;position:relative}.magnus-journey .mj-rail{background:linear-gradient(90deg,rgba(246,162,75,.15),rgba(246,162,75,.6) 50%,rgba(246,162,75,.15));box-shadow:0 0 10px rgba(246,162,75,.35);height:2px;left:8.33333%;position:absolute;right:8.33333%;top:calc(var(--cs)/2);transform:scaleX(0);transform-origin:left center;z-index:0}.magnus-journey.mj-in .mj-rail{transform:scaleX(1);transition:transform 1s cubic-bezier(.5,0,.2,1) .15s}.magnus-journey .mj-pulse{background:#ffe1c4;border-radius:50%;box-shadow:0 0 10px 2px rgba(246,162,75,.9),0 0 4px #fff;height:8px;left:8.33333%;opacity:0;position:absolute;top:calc(var(--cs)/2);transform:translate(-50%,-50%);width:8px;z-index:0}.magnus-journey.mj-in .mj-pulse{animation:mj-run var(--pd) linear infinite;animation-delay:calc(1s + var(--pdelay));opacity:1}@keyframes mj-run{0%{left:8.33333%}to{left:91.66667%}}.magnus-journey .mj-stage{align-items:center;background:none;border:0;color:inherit;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;opacity:0;padding:0 clamp(4px,1cqi,12px);position:relative;text-align:center;transform:translateY(16px);z-index:1}.magnus-journey.mj-in .mj-stage{animation:mj-pop .6s cubic-bezier(.2,.8,.3,1.2) forwards;animation-delay:calc(.2s + var(--i)*.13s)}@keyframes mj-pop{to{opacity:1;transform:none}}.magnus-journey .mj-circle{align-items:center;background:radial-gradient(circle at 50% 34%,#1b1820,#0d0c10 78%);border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.5),0 10px 30px -12px rgba(0,0,0,.7),0 0 20px -6px rgba(240,86,42,.35);color:#e9e9ea;display:flex;height:var(--cs);justify-content:center;position:relative;transition:transform .3s ease,box-shadow .3s ease,color .3s ease;width:var(--cs);z-index:1}.magnus-journey .mj-circle:before{background:conic-gradient(from 205deg,var(--mj-orange),var(--mj-gold) 22%,#6b3a1c 55%,#4a2a17 72%,var(--mj-orange));border-radius:50%;content:"";inset:-2.5px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.8;padding:2.5px;position:absolute;transition:opacity .3s ease}.magnus-journey .mj-circle svg{height:44%;width:44%}.magnus-journey .mj-stage:hover .mj-circle{transform:translateY(-3px)}.magnus-journey .mj-stage:hover .mj-circle:before{opacity:1}.magnus-journey .mj-stage.active .mj-circle{box-shadow:inset 0 0 0 1px rgba(0,0,0,.5),0 0 28px -2px rgba(240,86,42,.75),0 0 60px -10px rgba(240,86,42,.6);color:var(--mj-orange);transform:translateY(-3px) scale(1.05)}.magnus-journey .mj-stage.active .mj-circle:before{opacity:1}.magnus-journey .mj-stage:focus-visible{outline:none}.magnus-journey .mj-stage:focus-visible .mj-circle{box-shadow:0 0 0 2px var(--mj-orange),0 0 26px -4px rgba(240,86,42,.7)}.magnus-journey .mj-title{color:#efefef;font-size:clamp(12px,1.45cqi,16px);font-weight:700;letter-spacing:.04em;line-height:1.18;margin-top:clamp(14px,1.8cqi,22px);text-transform:uppercase;transition:color .3s ease}.magnus-journey .mj-stage.active .mj-title{color:var(--mj-orange)}.magnus-journey .mj-tick{background:var(--mj-orange);border-radius:2px;display:block;height:2px;margin:clamp(9px,1.3cqi,14px) auto;opacity:.85;width:22px}.magnus-journey .mj-desc{color:#8f8985;font-size:clamp(11.5px,1.25cqi,13.5px);line-height:1.5;margin:0 auto;max-width:20ch}.magnus-journey .mj-panel{background:linear-gradient(180deg,rgba(28,20,16,.85),rgba(14,12,14,.9));border:1px solid rgba(240,120,60,.28);border-radius:16px;box-shadow:0 20px 60px -30px rgba(0,0,0,.8),0 0 34px -14px rgba(240,86,42,.45);margin:clamp(30px,4cqi,52px) auto 0;max-width:760px;padding:clamp(20px,3cqi,30px) clamp(20px,3.4cqi,34px);position:relative;text-align:left}.magnus-journey .mj-panel:before{background:var(--mj-orange);border-radius:3px;bottom:16px;box-shadow:0 0 14px rgba(240,86,42,.7);content:"";left:0;position:absolute;top:16px;width:3px}.magnus-journey .mj-panel-in{opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease}.magnus-journey .mj-panel-in.show{opacity:1;transform:none}.magnus-journey .mj-panel-t{color:#fff;font-size:clamp(16px,2cqi,22px);font-weight:800;letter-spacing:.03em;text-transform:uppercase}.magnus-journey .mj-panel-d{color:#c9c3bf;font-size:clamp(13.5px,1.55cqi,16px);line-height:1.6;margin-top:10px}.magnus-journey .mj-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.magnus-journey .mj-tags span{background:rgba(240,86,42,.07);border:1px solid rgba(240,120,60,.4);border-radius:100px;color:#f6c7a6;font-size:clamp(10px,1.2cqi,12px);letter-spacing:.08em;padding:6px 13px}.magnus-journey .mj-cta,.magnus-journey .mj-tags span{font-family:IBM Plex Mono,monospace;text-transform:uppercase}.magnus-journey .mj-cta{align-items:center;background:var(--mj-orange);border-radius:10px;box-shadow:0 12px 28px -12px rgba(240,86,42,.7);color:#fff;display:inline-flex;font-size:clamp(11px,1.3cqi,13px);font-weight:600;gap:8px;letter-spacing:.12em;margin-top:20px;padding:12px 22px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.magnus-journey .mj-cta:hover{box-shadow:0 18px 34px -12px rgba(240,86,42,.8);transform:translateY(-2px)}.magnus-journey .mj-cta .arw{transition:transform .18s ease}.magnus-journey .mj-cta:hover .arw{transform:translateX(4px)}.magnus-journey .mj-cta[hidden]{display:none}.magnus-journey .mj-foot{color:#b9b2ad;font-size:clamp(14px,1.7cqi,20px);line-height:1.55;margin:clamp(34px,4.4cqi,56px) auto 0;max-width:900px}.magnus-journey .mj-foot .em{color:var(--mj-orange);font-weight:700}.magnus-journey .mj-foot .bar{color:var(--mj-orange)}@container journey (max-width:720px){.magnus-journey{--cs:clamp(56px,15cqi,76px)}.magnus-journey .mj-track{gap:0;grid-template-columns:1fr;max-width:460px}.magnus-journey .mj-pulse,.magnus-journey .mj-rail{display:none}.magnus-journey .mj-stage{align-items:start;column-gap:16px;display:grid;grid-template-columns:var(--cs) 1fr;padding:0 0 clamp(26px,6cqi,40px);text-align:left}.magnus-journey .mj-stage:not(:last-child):after{background:linear-gradient(180deg,rgba(246,162,75,.55),rgba(246,162,75,.12));bottom:0;content:"";left:calc(var(--cs)/2);position:absolute;top:var(--cs);transform:translateX(-50%);width:2px}.magnus-journey.mj-in .mj-stage:not(:last-child):before{animation:mj-drop 2.6s linear infinite;animation-delay:calc(var(--i)*.3s);background:#ffe1c4;border-radius:50%;box-shadow:0 0 10px 2px rgba(246,162,75,.9);content:"";height:8px;left:calc(var(--cs)/2);position:absolute;top:var(--cs);transform:translate(-50%);width:8px;z-index:2}@keyframes mj-drop{0%{opacity:0;top:var(--cs)}12%{opacity:1}88%{opacity:1}to{opacity:0;top:100%}}.magnus-journey .mj-title{grid-column:2;margin-top:6px}.magnus-journey .mj-tick{grid-column:2;margin:8px 0}.magnus-journey .mj-desc{grid-column:2;margin:0;max-width:none}.magnus-journey .mj-circle{grid-row:1/span 3}}@media (prefers-reduced-motion:reduce){.magnus-journey .mj-stage{animation:none!important;opacity:1!important;transform:none!important}.magnus-journey .mj-rail{transform:scaleX(1)!important;transition:none!important}.magnus-journey .mj-pulse,.magnus-journey .mj-stage:before{display:none!important}.magnus-journey .mj-panel-in{opacity:1!important;transform:none!important}}