.demo12-floor{--demo12-s0:12%;--demo12-s1:27%;--demo12-s2:42%;--demo12-s3:57%;--demo12-s4:72%;--demo12-s5:87%;--demo12-vault:96%}.demo12-hero{border-bottom:1px solid var(--line);padding:64px 0 96px;position:relative;overflow:hidden}.demo12-hero:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 12% 18%,#8b5a2b0a 0,#0000 40%),radial-gradient(circle at 88% 72%,#8b5a2b0d 0,#0000 38%);position:absolute;inset:0}.demo12-hero>.container{z-index:1;position:relative}.demo12-meta{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:12px;margin-bottom:24px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.demo12-meta-dot{background:#a03a1f;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #a03a1f}.demo12-title{letter-spacing:-.04em;text-wrap:balance;margin:0 0 24px;font-family:Inter Tight,Inter,sans-serif;font-size:clamp(56px,8vw,96px);font-weight:500;line-height:.95}.demo12-em{color:#8b5a2b;font-family:Inter Tight,Georgia,serif;font-style:italic;font-weight:400}.demo12-sub{color:var(--ink-dim);letter-spacing:.01em;text-transform:lowercase;margin:0 0 56px;font-family:JetBrains Mono,monospace;font-size:14px}.demo12-floor{border:1px solid var(--line-2);isolation:isolate;background:linear-gradient(#8b5a2b0a 0%,#8b5a2b05 100%);width:100%;height:320px;margin:0 0 56px;position:relative;overflow:hidden}.demo12-stations{pointer-events:none;height:130px;position:absolute;top:26px;left:0;right:0}.demo12-beam{top:34px;left:var(--demo12-s0);right:calc(100% - var(--demo12-s5));background:var(--ink);opacity:.85;height:1px;position:absolute}.demo12-station{flex-direction:column;align-items:center;width:96px;display:flex;position:absolute;top:0;transform:translate(-50%)}.demo12-station-0{left:var(--demo12-s0)}.demo12-station-1{left:var(--demo12-s1)}.demo12-station-2{left:var(--demo12-s2)}.demo12-station-3{left:var(--demo12-s3)}.demo12-station-4{left:var(--demo12-s4)}.demo12-station-5{left:var(--demo12-s5)}.demo12-station-num{color:var(--ink-faint);letter-spacing:.18em;height:10px;margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:9px;line-height:10px}.demo12-station-node{justify-content:center;align-items:center;width:68px;height:68px;display:flex;position:relative}.demo12-station-circle{border:2px solid var(--ink);will-change:border-color, background-color;background:#fffef8;border-radius:50%;justify-content:center;align-items:center;animation-timing-function:ease-out;animation-iteration-count:infinite;animation-fill-mode:both;display:flex;position:absolute;inset:0;box-shadow:1.5px 1.5px #0a0a0a24}.demo12-station-icon{width:28px;height:28px;color:var(--ink);will-change:transform;justify-content:center;align-items:center;animation-timing-function:cubic-bezier(.2,1.4,.4,1);animation-iteration-count:infinite;animation-fill-mode:both;display:flex}.demo12-station-icon svg{width:100%;height:100%;display:block}.demo12-station-ping{border:2px solid var(--accent);opacity:0;pointer-events:none;will-change:transform, opacity;border-radius:50%;animation-timing-function:ease-out;animation-iteration-count:infinite;animation-fill-mode:both;position:absolute;inset:0}.demo12-station-name{color:var(--ink);letter-spacing:.06em;text-align:center;text-transform:uppercase;will-change:color, font-weight;margin-top:8px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;line-height:1.15;animation-timing-function:ease-out;animation-iteration-count:infinite;animation-fill-mode:both}@keyframes demo12-ping-0{0%,11%{opacity:0;transform:scale(1)}13%{opacity:.8;transform:scale(1)}18%{opacity:0;transform:scale(1.7)}to{opacity:0;transform:scale(1.7)}}@keyframes demo12-ping-1{0%,24%{opacity:0;transform:scale(1)}26%{opacity:.8;transform:scale(1)}31%{opacity:0;transform:scale(1.7)}to{opacity:0;transform:scale(1.7)}}@keyframes demo12-ping-2{0%,37%{opacity:0;transform:scale(1)}39%{opacity:.8;transform:scale(1)}44%{opacity:0;transform:scale(1.7)}to{opacity:0;transform:scale(1.7)}}@keyframes demo12-ping-3{0%,50%{opacity:0;transform:scale(1)}52%{opacity:.8;transform:scale(1)}57%{opacity:0;transform:scale(1.7)}to{opacity:0;transform:scale(1.7)}}@keyframes demo12-ping-4{0%,63%{opacity:0;transform:scale(1)}65%{opacity:.8;transform:scale(1)}70%{opacity:0;transform:scale(1.7)}to{opacity:0;transform:scale(1.7)}}@keyframes demo12-ping-5{0%,76%{opacity:0;transform:scale(1)}78%{opacity:.8;transform:scale(1)}83%{opacity:0;transform:scale(1.7)}to{opacity:0;transform:scale(1.7)}}.demo12-station-ping-0{animation-name:demo12-ping-0}.demo12-station-ping-1{animation-name:demo12-ping-1}.demo12-station-ping-2{animation-name:demo12-ping-2}.demo12-station-ping-3{animation-name:demo12-ping-3}.demo12-station-ping-4{animation-name:demo12-ping-4}.demo12-station-ping-5{animation-name:demo12-ping-5}@keyframes demo12-circle-0{0%,12%{background:#fffef8;border-width:2px}13%{background:#efe7db;border-width:3px}16%{background:#efe7db;border-width:3px}19%{background:#fffef8;border-width:2px}to{background:#fffef8;border-width:2px}}@keyframes demo12-circle-1{0%,25%{background:#fffef8;border-width:2px}26%{background:#efe7db;border-width:3px}29%{background:#efe7db;border-width:3px}32%{background:#fffef8;border-width:2px}to{background:#fffef8;border-width:2px}}@keyframes demo12-circle-2{0%,38%{background:#fffef8;border-width:2px}39%{background:#efe7db;border-width:3px}42%{background:#efe7db;border-width:3px}45%{background:#fffef8;border-width:2px}to{background:#fffef8;border-width:2px}}@keyframes demo12-circle-3{0%,51%{background:#fffef8;border-width:2px}52%{background:#efe7db;border-width:3px}55%{background:#efe7db;border-width:3px}58%{background:#fffef8;border-width:2px}to{background:#fffef8;border-width:2px}}@keyframes demo12-circle-4{0%,64%{background:#fffef8;border-width:2px}65%{background:#efe7db;border-width:3px}68%{background:#efe7db;border-width:3px}71%{background:#fffef8;border-width:2px}to{background:#fffef8;border-width:2px}}@keyframes demo12-circle-5{0%,77%{background:#fffef8;border-width:2px}78%{background:#efe7db;border-width:3px}81%{background:#efe7db;border-width:3px}84%{background:#fffef8;border-width:2px}to{background:#fffef8;border-width:2px}}.demo12-station-circle-0{animation-name:demo12-circle-0}.demo12-station-circle-1{animation-name:demo12-circle-1}.demo12-station-circle-2{animation-name:demo12-circle-2}.demo12-station-circle-3{animation-name:demo12-circle-3}.demo12-station-circle-4{animation-name:demo12-circle-4}.demo12-station-circle-5{animation-name:demo12-circle-5}@keyframes demo12-icon-0{0%,12%{transform:scale(1)}14%{transform:scale(1.15)}17%{transform:scale(1)}to{transform:scale(1)}}@keyframes demo12-icon-1{0%,25%{transform:scale(1)}27%{transform:scale(1.15)}30%{transform:scale(1)}to{transform:scale(1)}}@keyframes demo12-icon-2{0%,38%{transform:scale(1)}40%{transform:scale(1.15)}43%{transform:scale(1)}to{transform:scale(1)}}@keyframes demo12-icon-3{0%,51%{transform:scale(1)}53%{transform:scale(1.15)}56%{transform:scale(1)}to{transform:scale(1)}}@keyframes demo12-icon-4{0%,64%{transform:scale(1)}66%{transform:scale(1.15)}69%{transform:scale(1)}to{transform:scale(1)}}@keyframes demo12-icon-5{0%,77%{transform:scale(1)}79%{transform:scale(1.15)}82%{transform:scale(1)}to{transform:scale(1)}}.demo12-station-icon-0{animation-name:demo12-icon-0}.demo12-station-icon-1{animation-name:demo12-icon-1}.demo12-station-icon-2{animation-name:demo12-icon-2}.demo12-station-icon-3{animation-name:demo12-icon-3}.demo12-station-icon-4{animation-name:demo12-icon-4}.demo12-station-icon-5{animation-name:demo12-icon-5}@keyframes demo12-name-0{0%,12%{color:var(--ink);font-weight:500}14%{color:#8b5a2b;font-weight:700}20%{color:#8b5a2b;font-weight:700}24%{color:var(--ink);font-weight:500}to{color:var(--ink);font-weight:500}}@keyframes demo12-name-1{0%,25%{color:var(--ink);font-weight:500}27%{color:#8b5a2b;font-weight:700}33%{color:#8b5a2b;font-weight:700}37%{color:var(--ink);font-weight:500}to{color:var(--ink);font-weight:500}}@keyframes demo12-name-2{0%,38%{color:var(--ink);font-weight:500}40%{color:#8b5a2b;font-weight:700}46%{color:#8b5a2b;font-weight:700}50%{color:var(--ink);font-weight:500}to{color:var(--ink);font-weight:500}}@keyframes demo12-name-3{0%,51%{color:var(--ink);font-weight:500}53%{color:#8b5a2b;font-weight:700}59%{color:#8b5a2b;font-weight:700}63%{color:var(--ink);font-weight:500}to{color:var(--ink);font-weight:500}}@keyframes demo12-name-4{0%,64%{color:var(--ink);font-weight:500}66%{color:#8b5a2b;font-weight:700}72%{color:#8b5a2b;font-weight:700}76%{color:var(--ink);font-weight:500}to{color:var(--ink);font-weight:500}}@keyframes demo12-name-5{0%,77%{color:var(--ink);font-weight:500}79%{color:#8b5a2b;font-weight:700}85%{color:#8b5a2b;font-weight:700}89%{color:var(--ink);font-weight:500}to{color:var(--ink);font-weight:500}}.demo12-station-name-0{animation-name:demo12-name-0}.demo12-station-name-1{animation-name:demo12-name-1}.demo12-station-name-2{animation-name:demo12-name-2}.demo12-station-name-3{animation-name:demo12-name-3}.demo12-station-name-4{animation-name:demo12-name-4}.demo12-station-name-5{animation-name:demo12-name-5}.demo12-station-name{animation-duration:16s;animation-iteration-count:infinite}.demo12-belt{height:60px;position:absolute;top:215px;left:0;right:0}.demo12-belt-line{background:var(--ink);height:2px;position:absolute;left:0;right:0}.demo12-belt-top{top:0}.demo12-belt-bottom{bottom:0}.demo12-belt-surface{background-image:repeating-linear-gradient(45deg, transparent 0, transparent 6px, color-mix(in srgb, var(--ink) 8%, transparent) 6px, color-mix(in srgb, var(--ink) 8%, transparent) 7px);background-color:color-mix(in srgb, #8b5a2b 7%, var(--bg-elev));position:absolute;inset:2px 0}.demo12-belt-ticks{background-image:linear-gradient(90deg, transparent 0, transparent 38px, color-mix(in srgb, var(--ink) 22%, transparent) 38px, color-mix(in srgb, var(--ink) 22%, transparent) 40px, transparent 40px, transparent 80px);opacity:.55;background-size:80px 100%;animation:1.6s linear infinite demo12-tick-scroll;position:absolute;inset:2px 0}@keyframes demo12-tick-scroll{0%{background-position:0 0}to{background-position:80px 0}}.demo12-vault{left:var(--demo12-vault);color:var(--ink);pointer-events:none;z-index:3;flex-direction:column;align-items:center;display:flex;position:absolute;top:184px;transform:translate(-50%)}.demo12-vault-glyph{width:60px;height:60px}.demo12-vault-label{letter-spacing:.08em;color:var(--ink);white-space:nowrap;text-align:center;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:9px}.demo12-pkgs{pointer-events:none;position:absolute;inset:0}.demo12-pkg{height:80px;position:absolute;top:205px;left:0;right:0}.demo12-box{border:1.5px solid var(--ink);will-change:left;background:#fffef6;width:160px;height:80px;margin-left:-80px;animation-name:demo12-slide;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:0;overflow:visible;box-shadow:2px 2px #0a0a0a29,inset 0 0 0 1px #fffef699}.demo12-box:before{content:"";background:linear-gradient(225deg, color-mix(in srgb, var(--ink) 12%, transparent) 0 50%, transparent 50% 100%);width:12px;height:12px;position:absolute;top:0;right:0}@keyframes demo12-slide{0%{left:-8%}13%{left:var(--demo12-s0)}26%{left:var(--demo12-s1)}39%{left:var(--demo12-s2)}52%{left:var(--demo12-s3)}65%{left:var(--demo12-s4)}78%{left:var(--demo12-s5)}90%{left:var(--demo12-vault)}95%{left:var(--demo12-vault)}to{left:110%}}.demo12-box-text{pointer-events:none;font-family:JetBrains Mono,monospace;line-height:1.15;position:absolute;inset:8px 10px}.demo12-box-l1{color:var(--ink);letter-spacing:.04em;white-space:nowrap;font-size:10px;font-weight:700}.demo12-box-l2{color:var(--ink-dim);letter-spacing:.02em;white-space:nowrap;margin-top:3px;font-size:9px}.demo12-box-l3{color:var(--ink-faint);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;overflow:hidden}.demo12-stamp{letter-spacing:.06em;color:#a03a1f;text-transform:uppercase;white-space:nowrap;opacity:0;transform:rotate(var(--demo12-stamp-rot,0deg)) scale(2.4);transform-origin:50%;will-change:transform, opacity;pointer-events:none;background:0 0;border:1.1px solid #a03a1f;padding:1.5px 4px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:800;line-height:1;animation-timing-function:cubic-bezier(.2,1.4,.4,1);animation-iteration-count:infinite;animation-fill-mode:both;position:absolute;box-shadow:inset 0 0 0 .5px #a03a1f59}.demo12-stamp-0{animation-name:demo12-stamp-fire-0}.demo12-stamp-1{animation-name:demo12-stamp-fire-1}.demo12-stamp-2{animation-name:demo12-stamp-fire-2}.demo12-stamp-3{animation-name:demo12-stamp-fire-3}.demo12-stamp-4{animation-name:demo12-stamp-fire-4}.demo12-stamp-5{animation-name:demo12-stamp-fire-5}@keyframes demo12-stamp-fire-0{0%,12%{opacity:0;transform:rotate(var(--demo12-stamp-rot)) scale(2.4)}14%{opacity:1;transform:rotate(var(--demo12-stamp-rot)) scale(.85)}17%{opacity:.72;transform:rotate(var(--demo12-stamp-rot)) scale(1)}93%{opacity:.72;transform:rotate(var(--demo12-stamp-rot)) scale(1)}98%{opacity:.72;transform:rotate(var(--demo12-stamp-rot)) scale(1)}to{opacity:0;transform:rotate(var(--demo12-stamp-rot)) scale(1)}}@keyframes demo12-stamp-fire-1{0%,25%{opacity:0;transform:rotate(var(--demo12-stamp-rot)) scale(2.4)}27%{opacity:1;transform:rotate(var(--demo12-stamp-rot)) scale(.85)}30%{opacity:.72;transform:rotate(var(--demo12-stamp-rot)) scale(1)}93%{opacity:.72;transform:rotate(var(--demo12-stamp-rot)) scale(1)}98%{opacity:.72;transform:rotate(var(--demo12-stamp-rot)) scale(1)}to{opacity:0;transform:rotate(var(--demo12-stamp-rot)) scale(1)}}@keyframes demo12-stamp-fire-2{0%,38%{opacity:0;transform:rotate(var(--demo12-stamp-rot)) scale(2.4)}40%{opacity:1;transform:rotate(var(--demo12-stamp-rot)) scale(.85)}43%{opacity:.72;transform:rotate(var(--demo12-stamp-rot)) scale(1)}93%{opacity:.72;transform:rotate(var(--demo12-stamp-rot)) scale(1)}98%{opacity:.72;transform:rotate(var(--demo12-stamp-rot)) scale(1)}to{opacity:0;transform:rotate(var(--demo12-stamp-rot)) scale(1)}}@keyframes demo12-stamp-fire-3{0%,51%{opacity:0;transform:rotate(var(--demo12-stamp-rot)) scale(2.4)}53%{opacity:1;transform:rotate(var(--demo12-stamp-rot)) scale(.85)}56%{opacity:.72;transform:rotate(var(--demo12-stamp-rot)) scale(1)}93%{opacity:.72;transform:rotate(var(--demo12-stamp-rot)) scale(1)}98%{opacity:.72;transform:rotate(var(--demo12-stamp-rot)) scale(1)}to{opacity:0;transform:rotate(var(--demo12-stamp-rot)) scale(1)}}@keyframes demo12-stamp-fire-4{0%,64%{opacity:0;transform:rotate(var(--demo12-stamp-rot)) scale(2.4)}66%{opacity:1;transform:rotate(var(--demo12-stamp-rot)) scale(.85)}69%{opacity:.72;transform:rotate(var(--demo12-stamp-rot)) scale(1)}93%{opacity:.72;transform:rotate(var(--demo12-stamp-rot)) scale(1)}98%{opacity:.72;transform:rotate(var(--demo12-stamp-rot)) scale(1)}to{opacity:0;transform:rotate(var(--demo12-stamp-rot)) scale(1)}}@keyframes demo12-stamp-fire-5{0%,77%{opacity:0;transform:rotate(var(--demo12-stamp-rot)) scale(2.4)}79%{opacity:1;transform:rotate(var(--demo12-stamp-rot)) scale(.85)}82%{opacity:.72;transform:rotate(var(--demo12-stamp-rot)) scale(1)}93%{opacity:.72;transform:rotate(var(--demo12-stamp-rot)) scale(1)}98%{opacity:.72;transform:rotate(var(--demo12-stamp-rot)) scale(1)}to{opacity:0;transform:rotate(var(--demo12-stamp-rot)) scale(1)}}.demo12-box-flash{border:2px solid var(--accent);opacity:0;pointer-events:none;animation-name:demo12-box-flash;animation-timing-function:ease-out;animation-iteration-count:infinite;animation-fill-mode:both;position:absolute;inset:-4px}@keyframes demo12-box-flash{0%,91%{opacity:0;transform:scale(.98)}93%{opacity:.95;transform:scale(1)}96%{opacity:.4;transform:scale(1.06)}98%{opacity:0;transform:scale(1.1)}to{opacity:0;transform:scale(1.1)}}.demo12-floor-caption{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);justify-content:center;align-items:center;gap:12px;font-family:JetBrains Mono,monospace;font-size:9px;display:flex;position:absolute;bottom:8px;left:0;right:0}.demo12-floor-caption-mark{background:var(--line-2);width:28px;height:1px}.demo12-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:32px;padding:28px 0;font-family:JetBrains Mono,monospace;display:grid}.demo12-stat-label{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:11px}.demo12-stat-value{color:var(--ink);font-size:14px}.demo12-cta-row{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.demo12-back{max-width:1280px;color:var(--ink-faint);margin:0 auto;padding:32px;font-family:JetBrains Mono,monospace;font-size:12px}.demo12-back a:hover{color:var(--ink)}@media (max-width:1080px){.demo12-floor{height:300px}.demo12-station-node{width:60px;height:60px}.demo12-station-icon{width:24px;height:24px}.demo12-station-name{font-size:11px}.demo12-box{width:144px;height:76px;margin-left:-72px}}@media (max-width:720px){.demo12-floor{--demo12-s0:11%;--demo12-s1:25.4%;--demo12-s2:39.8%;--demo12-s3:54.2%;--demo12-s4:68.6%;--demo12-s5:83%;--demo12-vault:92%;height:280px}.demo12-station{width:64px}.demo12-station-node{width:48px;height:48px}.demo12-station-icon{width:20px;height:20px}.demo12-station-num{font-size:7px}.demo12-station-name{letter-spacing:.04em;font-size:9px}.demo12-box{width:128px;height:70px;margin-left:-64px}.demo12-box-l1{font-size:9px}.demo12-box-l2{font-size:8px}.demo12-box-l3{font-size:7px}.demo12-stamp{padding:1px 3px;font-size:7px}.demo12-vault-glyph{width:48px;height:48px}.demo12-vault-label{font-size:8px}.demo12-stats{grid-template-columns:1fr;gap:16px}}@media (prefers-reduced-motion:reduce){.demo12-box,.demo12-belt-ticks,.demo12-stamp,.demo12-box-flash,.demo12-station-ping,.demo12-station-circle,.demo12-station-icon,.demo12-station-name{animation:none!important}.demo12-box-flash,.demo12-station-ping{display:none}.demo12-stamp{opacity:.72;transform:rotate(var(--demo12-stamp-rot)) scale(1)}.demo12-pkg:first-child .demo12-box{left:var(--demo12-vault)}.demo12-pkg:nth-child(2) .demo12-box{left:var(--demo12-s4)}.demo12-pkg:nth-child(3) .demo12-box{left:var(--demo12-s2)}.demo12-pkg:nth-child(4) .demo12-box{left:var(--demo12-s0)}.demo12-pkg:nth-child(2) .demo12-stamp-5,.demo12-pkg:nth-child(3) .demo12-stamp-3,.demo12-pkg:nth-child(3) .demo12-stamp-4,.demo12-pkg:nth-child(3) .demo12-stamp-5,.demo12-pkg:nth-child(4) .demo12-stamp-1,.demo12-pkg:nth-child(4) .demo12-stamp-2,.demo12-pkg:nth-child(4) .demo12-stamp-3,.demo12-pkg:nth-child(4) .demo12-stamp-4,.demo12-pkg:nth-child(4) .demo12-stamp-5{opacity:0}}