.dd-hj,.dd-journey{--hj-ease:cubic-bezier(.22, 1, .36, 1);--hj-blue:var(--primary);--hj-purple:var(--secondary);--hj-orange:color-mix(in oklab, var(--primary) 42%, #f59e0b);--hj-red:var(--destructive);--hj-lavender:color-mix(in oklab, var(--secondary) 55%, var(--primary));--dd-p:1}.dd-hj-aurora{pointer-events:none;z-index:0;opacity:.45;filter:blur(48px);background:radial-gradient(closest-side at 30% 40%, color-mix(in oklab, var(--hj-blue) 55%, transparent), transparent 70%), radial-gradient(closest-side at 80% 20%, color-mix(in oklab, var(--hj-purple) 50%, transparent), transparent 72%), radial-gradient(closest-side at 60% 80%, color-mix(in oklab, var(--hj-orange) 40%, transparent), transparent 70%);height:70%;position:absolute;inset:-20% -10% auto}.dd-hj{color:#fff;background:radial-gradient(90% 90% at 80% 0%, color-mix(in oklab, var(--beat-accent,var(--hj-blue)) 30%, transparent), transparent 65%), linear-gradient(180deg, #0a1024, #05070f);width:100%;max-width:34rem;box-shadow:0 24px 60px #00000059, 0 0 0 1px color-mix(in oklab, var(--beat-accent,var(--hj-blue)) 35%, transparent), 0 0 42px color-mix(in oklab, var(--beat-accent,var(--hj-blue)) 28%, transparent);transition:box-shadow .6s var(--hj-ease), background .6s var(--hj-ease);border-radius:1.15rem;padding-bottom:1.1rem;position:relative;overflow:hidden}.dd-hj-head,.dd-hj-map,.dd-hj-steps,.dd-hj-bar,.dd-hj-copy{z-index:1;position:relative}.dd-hj-head{align-items:center;gap:8px;padding:12px 14px 6px;display:flex}.dd-hj-live{background:var(--beat-accent,var(--hj-blue));width:8px;height:8px;box-shadow:0 0 10px var(--beat-accent,var(--hj-blue));border-radius:999px;transition:background .5s,box-shadow .5s}.dd-hj-headline{letter-spacing:.14em;text-transform:uppercase;color:#fffc;font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.dd-hj-chip{color:#ffffffbf;border:1px solid #ffffff38;border-radius:999px;margin-left:auto;padding:3px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.dd-hj-map,.dd-journey-map{width:100%;height:auto;display:block}.dd-journey-dots{fill:none;stroke:#ffffff47;stroke-width:3.2px;stroke-linecap:round}.dd-journey-arc{fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:clamp(0, calc(1 - (var(--dd-p) - var(--a-s)) / var(--a-n)), 1)}.dd-journey-arc-publish{stroke:var(--hj-orange);stroke-width:2.2px}.dd-journey-arc-in{stroke:var(--hj-blue)}.dd-journey-arc-out{stroke:var(--hj-orange);opacity:.85}.dd-journey-city{fill:#ffffff8c}.dd-journey-origin{fill:var(--hj-orange)}.dd-hj-hub,.dd-journey-hub{fill:var(--beat-accent,var(--hj-blue));transition:fill .5s}.dd-hj-hub-ring,.dd-journey-hub-ring{fill:none;stroke:var(--beat-accent,var(--hj-blue));stroke-width:1.4px;opacity:.7}.dd-hj-hub-ring{transform-origin:50%;transform-box:fill-box;transition:stroke .5s;animation:2s ease-out infinite dd-hj-pulse}.dd-journey-hub-ring{opacity:calc(clamp(0, (var(--dd-p) - .2) * 4, 1) * .6)}@keyframes dd-hj-pulse{0%{opacity:.9;transform:scale(.55)}to{opacity:0;transform:scale(1.5)}}.dd-hj-steps{gap:6px;padding:4px 14px 0;display:flex}.dd-hj-step{color:#ffffff8c;cursor:pointer;transition:all .35s var(--hj-ease);background:0 0;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font:600 11px/1 ui-sans-serif,system-ui,sans-serif;display:inline-flex}.dd-hj-step-n{background:#ffffff1f;border-radius:999px;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:inline-flex}.dd-hj-step-l{display:none}.dd-hj-step[data-active=true]{border-color:var(--step-accent);background:color-mix(in oklab, var(--step-accent) 26%, transparent);color:#fff;box-shadow:0 0 16px color-mix(in oklab, var(--step-accent) 55%, transparent);transform:scale(1.12)}.dd-hj-step[data-active=true] .dd-hj-step-n{background:var(--step-accent)}.dd-hj-step[data-active=true] .dd-hj-step-l{display:inline}.dd-hj-bar{background:#ffffff1f;border-radius:999px;height:3px;margin:10px 14px 0;overflow:hidden}.dd-hj-bar-fill{background:var(--beat-accent,var(--hj-blue));height:100%;width:calc(mod(var(--dd-p) * 5, 1) * 100%);border-radius:999px;transition:background .5s;display:block}.dd-hj-copy{animation:dd-hj-in .45s var(--hj-ease);padding:12px 14px 0}@keyframes dd-hj-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.dd-hj-title{letter-spacing:-.01em;color:var(--beat-accent,var(--hj-blue));font-size:1.05rem;font-weight:700;transition:color .5s}.dd-hj-body{color:#ffffffb8;margin-top:4px;font-size:.82rem;line-height:1.5}.dd-journey{height:420vh}.dd-journey-stage{align-items:center;height:100svh;padding:1.5rem;display:flex;position:sticky;top:0}.dd-journey-panel{background:radial-gradient(60% 120% at 15% 0%, color-mix(in oklab, var(--hj-blue) 26%, transparent), transparent 60%), radial-gradient(60% 120% at 85% 100%, color-mix(in oklab, var(--hj-orange) 22%, transparent), transparent 60%), linear-gradient(180deg, #0a1024, #05070f);color:#fff;border-radius:1.15rem;width:100%;max-width:72rem;margin:0 auto;padding:1rem 1rem 3rem;position:relative;overflow:hidden}.dd-journey-chip{z-index:1;color:#ffffffe6;opacity:clamp(0, calc((var(--dd-p) - .22) * 6), 1);background:#0a1024d9;border:1px solid #ffffff40;border-radius:999px;padding:4px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;position:absolute;top:14%;left:50%;transform:translate(-32%)}.dd-journey-copy{z-index:1;min-height:7.5rem;margin:.5rem 1.25rem 0;position:relative}.dd-journey-beat{opacity:0;transition:opacity .4s var(--hj-ease), transform .4s var(--hj-ease);pointer-events:none;position:absolute;inset:0;transform:translateY(10px)}.dd-journey-copy[data-beat="0"] .dd-journey-beat[data-i="0"],.dd-journey-copy[data-beat="1"] .dd-journey-beat[data-i="1"],.dd-journey-copy[data-beat="2"] .dd-journey-beat[data-i="2"],.dd-journey-copy[data-beat="3"] .dd-journey-beat[data-i="3"],.dd-journey-copy[data-beat="4"] .dd-journey-beat[data-i="4"]{opacity:1;transform:none}.dd-journey-eyebrow{color:#ffffff8c;letter-spacing:.16em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.dd-journey-title{letter-spacing:-.01em;color:#fff;margin-top:.4rem;font-size:1.35rem;font-weight:700}.dd-journey-body{color:#ffffffb3;max-width:40rem;margin-top:.35rem;font-size:.9rem;line-height:1.55}.dd-journey-caption{z-index:1;color:#fff6;font-size:10.5px;position:absolute;bottom:.9rem;right:1.25rem}@media (prefers-reduced-motion:reduce){.dd-journey{height:auto}.dd-journey-stage{height:auto;position:static}.dd-journey-copy{min-height:0}.dd-journey-beat{opacity:1;margin-top:1rem;position:static;transform:none}.dd-hj-hub-ring,.dd-hj-aurora{filter:none;animation:none}}@media (max-width:640px){.dd-journey{height:380vh}.dd-journey-title{font-size:1.1rem}}.dd-how-grid{gap:1.25rem;margin-top:3.5rem;padding:0;list-style:none;display:grid}@media (min-width:768px){.dd-how-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.dd-how-step{border:1px solid var(--border);background:radial-gradient(120% 80% at 0% 0%, color-mix(in oklab, var(--primary) 16%, transparent), transparent 55%), var(--card,var(--background));min-height:100%;box-shadow:0 16px 40px color-mix(in oklab, var(--foreground) 6%, transparent);border-radius:1.15rem;padding:1.6rem 1.4rem 1.5rem;position:relative}.dd-how-n{letter-spacing:-.04em;color:var(--primary);font-size:1.85rem;font-weight:750;display:block}.dd-how-title{margin-top:.85rem}.dd-how-body{margin-top:.45rem}