*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;-webkit-font-smoothing:antialiased;background:#000;font-family:Inter,OpenRunde,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-wrapper{min-height:100dvh;position:relative}.site-header{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000d9;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:fixed;top:0;left:0;right:0}.site-header h1{font-variation-settings:"EXPO" -10;letter-spacing:-.01em;color:#fff;font-family:Exposure,OpenRunde,sans-serif;font-size:clamp(14px,2.2vw,22px);font-weight:500}.site-header h1 span{color:#fff6}.nav-bar{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.nav-btn{color:#ffffff80;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff14;border-radius:6px;padding:6px 14px;font-family:Inter,OpenRunde,sans-serif;font-size:11px;font-weight:500;transition:all .35s cubic-bezier(.22,1,.36,1)}.nav-btn:hover{color:#ffffffd9;background:#ffffff0a;border-color:#fff3}.nav-btn.active{color:#000;background:#fff;border-color:#fff}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.hamburger span{background:#fff;border-radius:2px;width:22px;height:2px;transition:all .3s cubic-bezier(.22,1,.36,1);display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{z-index:99;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000f2;border-bottom:1px solid #ffffff0f;flex-direction:column;gap:6px;padding:12px 20px 20px;display:none;position:fixed;top:60px;left:0;right:0}.mobile-menu.open{display:flex}.mobile-menu .nav-btn{text-align:left;width:100%;padding:10px 14px;font-size:13px}.sections-container{padding-top:72px;position:relative}.design-section{min-height:100dvh;padding:60px 40px 80px;display:none;position:relative;overflow:hidden}.design-section.visible{flex-direction:column;justify-content:center;display:flex}.design-section.fade-enter{opacity:0;transform:translateY(24px)}.design-section.fade-in{opacity:1;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(0)}.design-section.fade-out{opacity:0;transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1);transform:translateY(-16px)}.section-label{letter-spacing:3px;text-transform:uppercase;color:#ffffff4d;margin-bottom:8px;font-size:10px;font-weight:600}.section-title{margin-bottom:16px;font-size:clamp(28px,5vw,52px);font-weight:600;line-height:1.15}.section-desc{color:#ffffff8c;max-width:520px;margin-bottom:40px;font-size:clamp(13px,1.2vw,15px);line-height:1.6}.mockup-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:900px;display:grid}.mockup-frame{border-radius:10px;position:relative;overflow:hidden}.mockup-frame img{width:100%;height:auto;transition:all .5s cubic-bezier(.22,1,.36,1);display:block}.mockup-frame .mockup-label{letter-spacing:1px;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffb3;background:#0000008c;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:500;position:absolute;bottom:12px;left:12px}.toast-container{z-index:300;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:80px;right:20px}.toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;pointer-events:auto;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:500;animation:.4s cubic-bezier(.22,1,.36,1) toastIn,.4s cubic-bezier(.22,1,.36,1) 2.8s forwards toastOut}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.modal-overlay{z-index:250;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;justify-content:center;align-items:center;animation:.3s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#111;border:1px solid #ffffff1a;border-radius:12px;width:90%;max-width:520px;max-height:80vh;padding:28px;animation:.35s cubic-bezier(.22,1,.36,1) modalSlide;overflow-y:auto}@keyframes modalSlide{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal h3{color:#fff;margin-bottom:16px;font-size:18px;font-weight:600}.modal-close{float:right;color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;padding:4px 10px;font-size:14px;transition:all .2s}.modal-close:hover{color:#fff;border-color:#ffffff4d}.modal-field{margin-bottom:10px}.modal-field .label{text-transform:uppercase;letter-spacing:1px;color:#ffffff59;margin-bottom:2px;font-size:10px}.modal-field .value{color:#fffc;font-size:14px}.tooltip-wrap{display:inline-block;position:relative}.tooltip-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fffc;white-space:nowrap;z-index:50;pointer-events:none;background:#000000e6;border:1px solid #ffffff1a;border-radius:6px;padding:8px 12px;font-size:11px;animation:.2s tooltipIn;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.lightbox-overlay{z-index:260;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:zoom-out;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:20px;animation:.3s modalFadeIn;display:flex;position:fixed;inset:0}.lightbox-overlay img{border:16px solid #fff;border-radius:2px;max-width:85vw;max-height:75vh;box-shadow:0 20px 80px #0000004d}.lightbox-overlay .lightbox-caption{color:#fff9;text-align:center;max-width:500px;font-family:Lora,Georgia,serif;font-size:14px;font-style:italic}.mock-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:12px;font-weight:500;transition:all .3s cubic-bezier(.22,1,.36,1);display:inline-flex}.duesseldorf{background:#000;font-family:Playfair Display,Cinzel,Georgia,serif}.duesseldorf .section-title{letter-spacing:-.02em;color:#fff;font-family:Cinzel,Playfair Display,Georgia,serif;font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.1;position:relative}.duesseldorf .section-title .vert{letter-spacing:4px;text-transform:uppercase;color:#ffffff26;writing-mode:vertical-rl;height:100%;font-size:10px;font-weight:400;display:block;position:absolute;top:0;left:-36px}.duesseldorf .section-desc{color:#ffffff4d;font-style:italic}.duesseldorf .section-label{color:#ffffff26;letter-spacing:4px}.duesseldorf .mockup-frame{background:#0a0a0a;border:1px solid #111;border-radius:0;padding:16px}.duesseldorf .mockup-frame:hover{border-color:#222}.med-list{font-family:Inter,OpenRunde,sans-serif;list-style:none}.med-list li{color:#ffffffb3;cursor:pointer;border-bottom:1px solid #111;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;transition:all .25s;display:flex}.med-list li:hover{color:#fff;border-bottom-color:#222;padding-left:6px}.med-list li .med-status{letter-spacing:1px;text-transform:uppercase;border:1px solid #ffffff0f;border-radius:2px;padding:2px 8px;font-size:9px}.med-list li .med-status.active{color:#6a6;border-color:#66aa664d}.med-list li .med-status.expired{color:#a66;border-color:#aa66664d}.med-header{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.med-header .filter-chip{color:#fff6;cursor:pointer;background:0 0;border:1px solid #111;border-radius:2px;padding:4px 12px;font-family:Inter,OpenRunde,sans-serif;font-size:10px;transition:all .25s}.med-header .filter-chip:hover{color:#ffffffb3;border-color:#333}.med-header .filter-chip.active{color:#fff;background:#ffffff08;border-color:#fff3}.mock-screen-title{color:#ffffff4d;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;font-family:Inter,OpenRunde,sans-serif;font-size:11px;font-weight:500}.duesseldorf .detail-btn{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:2px;margin-top:12px;padding:6px 14px;font-family:Inter,OpenRunde,sans-serif;font-size:11px;transition:all .25s}.duesseldorf .detail-btn:hover{color:#fff;border-color:#fff3}.sep-line{background:#111;height:1px;margin:20px 0;position:relative}.sep-line:after{content:"✳";color:#ffffff0f;background:#000;padding:0 12px;font-size:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phosphor{background:#0a0a05;font-family:Source Code Pro,JetBrains Mono,monospace;position:relative}.phosphor:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#00000026 0 1px,#0000 1px 3px);position:fixed;inset:0}.phosphor .scanline{pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#0000 0 2px,#b8860b08 2px 4px);animation:8s linear infinite scanlineMove;position:fixed;inset:0}@keyframes scanlineMove{0%{background-position:0 0}to{background-position:0 100px}}.phosphor .crt-flicker{animation:.15s infinite alternate phosphorFlicker}@keyframes phosphorFlicker{0%{opacity:1}50%{opacity:.92}to{opacity:.97}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.phosphor .section-title{color:#b8860b;text-shadow:0 0 6px #b8860b66;letter-spacing:2px;font-family:Source Code Pro,JetBrains Mono,monospace;font-size:clamp(18px,2.8vw,28px);font-weight:400}.phosphor .section-title .cursor{vertical-align:text-bottom;background:#b8860b;width:10px;height:1.1em;margin-left:4px;animation:1s step-end infinite cursorBlink;display:inline-block}.phosphor .section-desc{color:#b8860b80;font-size:12px}.phosphor .section-label{color:#b8860b66}.phosphor .mockup-frame{background:#0006;border:1px solid #b8860b33;border-radius:4px;padding:14px}.phosphor .mockup-frame:hover{border-color:#b8860b59;box-shadow:0 0 16px #b8860b0f}.terminal-window{color:#b8860b;font-family:Source Code Pro,JetBrains Mono,monospace;font-size:11px;line-height:1.7}.terminal-window .prompt{color:#b8860b80}.terminal-window .cmd{color:#e8c84a}.terminal-window .output{color:#b8860bb3;padding-left:12px}.terminal-window .output table{border-collapse:collapse;width:100%;margin:4px 0 8px}.terminal-window .output td{color:#b8860b99;border-bottom:1px solid #b8860b0f;padding:3px 8px;font-size:10px}.terminal-window .output td:first-child{color:#e8c84a}.phosphor .term-btn{color:#b8860b;cursor:pointer;background:0 0;border:1px solid #b8860b33;border-radius:2px;margin-top:6px;margin-right:6px;padding:6px 14px;font-family:Source Code Pro,JetBrains Mono,monospace;font-size:10px;transition:all .25s}.phosphor .term-btn:hover{background:#b8860b14;border-color:#b8860b66}.phosphor .term-btn.diag{background:#b8860b1f;border-color:#b8860b}.progress-bar{background:#b8860b14;border-radius:2px;width:100%;max-width:300px;height:4px;margin-top:10px;display:none;overflow:hidden}.progress-bar.running{display:block}.progress-bar .fill{background:#b8860b;border-radius:2px;height:100%;animation:2.5s ease-in-out forwards progressFill}@keyframes progressFill{0%{width:0%}to{width:100%}}.swiss{color:#111;background:#f5f5f0;font-family:Inter,Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden}.swiss:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ff00000f 1px,#0000 1px),linear-gradient(90deg,#ff00000f 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.swiss .section-label{color:#00000026;letter-spacing:4px;z-index:1;position:relative}.swiss .section-title{color:#000;letter-spacing:-.03em;text-transform:uppercase;z-index:1;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:clamp(32px,5vw,52px);font-weight:800;position:relative}.swiss .section-title .accent{color:red;margin-top:-4px;font-size:1.4em;line-height:1;display:block}.swiss .section-desc{color:#0006;z-index:1;position:relative}.swiss .mockup-grid{z-index:1;position:relative}.swiss .mockup-frame{background:#fff;border:3px solid #000;border-radius:0;padding:20px;position:relative}.swiss .mockup-frame:after{content:"";border-bottom:3px solid red;border-right:3px solid red;width:24px;height:24px;position:absolute;bottom:-8px;right:-8px}.swiss .mockup-frame:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #ff000026}.swiss-number{color:red;opacity:.08;z-index:0;-webkit-user-select:none;user-select:none;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:clamp(72px,10vw,120px);font-weight:800;line-height:.8;position:absolute;top:40px;right:40px}.swiss-poster{z-index:1;position:relative}.swiss-poster .big-num{color:red;font-size:clamp(64px,8vw,96px);font-weight:800;line-height:.85}.swiss-poster .big-label{color:#00000080;max-width:360px;margin-top:6px;font-size:clamp(16px,2vw,22px);font-weight:400}.swiss-cards{grid-template-columns:repeat(3,1fr);gap:16px;max-width:700px;margin-top:24px;display:grid}.swiss-card{text-align:center;background:#fff;border:2px solid #000;padding:16px;transition:all .3s cubic-bezier(.22,1,.36,1)}.swiss-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.swiss-card .card-icon{margin-bottom:8px;font-size:24px}.swiss-card h4{text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:13px;font-weight:600}.swiss-card p{color:#00000073;font-size:11px;line-height:1.5}.museum{color:#1a1a1a;background:#f0ede8;font-family:Lora,Playfair Display,Georgia,serif}.museum .section-label{color:#0000001f;letter-spacing:3px;font-family:Inter,OpenRunde,sans-serif}.museum .section-title{font-size:clamp(28px,4.5vw,44px);font-style:italic;font-weight:400}.museum .section-desc{color:#00000059;font-style:italic}.museum .mockup-frame{cursor:zoom-in;border:12px solid #fff;border-radius:0;transition:box-shadow .4s cubic-bezier(.22,1,.36,1);box-shadow:0 4px 24px #0000000f,0 1px 4px #0000000a}.museum .mockup-frame:after{content:"";pointer-events:none;border:1px solid #0000000d;position:absolute;inset:-2px}.museum .mockup-frame:hover{box-shadow:0 8px 40px #00000017,0 2px 8px #0000000d}.museum .mockup-frame img{transition:transform .5s cubic-bezier(.22,1,.36,1)}.museum .mockup-frame:hover img{transform:scale(1.015)}.museum-caption{color:#00000040;margin-top:6px;padding:0 2px;font-size:11px;font-style:italic}.tactical{color:#e8d5a3;background:#14161a;font-family:JetBrains Mono,Courier New,monospace;position:relative}.tactical:before{content:"";pointer-events:none;background:radial-gradient(at 20%,#e8d5a308 0%,#0000 60%);position:absolute;inset:0}.tactical .section-title{color:#e8d5a3;letter-spacing:3px;text-transform:uppercase;font-size:clamp(18px,2.8vw,28px);font-weight:400}.tactical .section-desc{color:#e8d5a366;font-size:12px}.tactical .section-label{color:#e8d5a34d}.tactical .mockup-frame{background:#00000040;border:1px solid #e8d5a31f;border-radius:4px;padding:16px}.tactical .mockup-frame:hover{border-color:#e8d5a340;box-shadow:0 0 16px #e8d5a30a}.hud-gauge{width:100px;height:100px;margin:0 auto;position:relative}.hud-gauge svg{transform:rotate(-90deg)}.hud-gauge .bg-circle{fill:none;stroke:#e8d5a30f;stroke-width:6px}.hud-gauge .fg-circle{fill:none;stroke:#e8d5a3;stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(.22,1,.36,1)}.hud-gauge .gauge-label{color:#e8d5a380;flex-direction:column;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;inset:0}.hud-gauge .gauge-label .val{color:#e8d5a3;font-size:22px;font-weight:600}.hud-network-svg{width:100%;height:120px;margin-top:8px}.hud-network-svg .node{fill:#e8d5a34d;cursor:pointer;transition:all .3s}.hud-network-svg .node:hover{fill:#e8d5a3;r:5}.hud-network-svg .link{stroke:#e8d5a30f;stroke-width:1px}.hud-data{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.hud-data .hud-item{color:#e8d5a380;font-size:9px}.hud-data .hud-item .val{color:#e8d5a3;margin-top:1px;font-size:16px;font-weight:600;display:block}.tactical .reset-btn{color:#e8d5a3;cursor:pointer;background:0 0;border:1px solid #e8d5a333;margin-top:12px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:10px;transition:all .25s}.tactical .reset-btn:hover{background:#e8d5a30f;border-color:#e8d5a366}.flash-overlay{z-index:200;pointer-events:none;background:#e8d5a3;animation:.5s forwards flashBang;position:fixed;inset:0}@keyframes flashBang{0%{opacity:.6}to{opacity:0}}.metaphysical{color:#e0d8ff;background:linear-gradient(135deg,#0c0a1a 0%,#1a1040 40%,#0d1b2a 70%,#0c0a1a 100%);font-family:Montserrat,Inter,sans-serif;position:relative;overflow:hidden}@keyframes metaShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.metaphysical .bg-gradient{pointer-events:none;z-index:0;background:radial-gradient(at 20% 30%,#7850ff14 0%,#0000 50%),radial-gradient(at 80% 70%,#ffb4320f 0%,#0000 50%),radial-gradient(#00c8ff0a 0%,#0000 50%);animation:12s ease-in-out infinite metaShift;position:absolute;inset:-50%}.metaphysical .neon-lines{z-index:0;pointer-events:none;position:absolute;inset:0}.metaphysical .neon-lines path{fill:none;stroke-width:1px}.metaphysical .neon-lines path:first-child{stroke:#a78bfa0f;animation:8s linear infinite hueShift}.metaphysical .neon-lines path:nth-child(2){stroke:#ffb4320a;animation:8s linear 2s infinite hueShift}.metaphysical .neon-lines path:nth-child(3){stroke:#00c8ff0a;animation:8s linear 4s infinite hueShift}@keyframes hueShift{0%{opacity:.3}50%{opacity:.7}to{opacity:.3}}.metaphysical .section-title{color:#fff;letter-spacing:-.01em;z-index:1;font-family:Montserrat,Inter,sans-serif;font-size:clamp(26px,4.5vw,46px);font-weight:300;position:relative}.metaphysical .section-title .neon{color:#a78bfa;text-shadow:0 0 20px #a78bfa4d}.metaphysical .section-desc{z-index:1;color:#ffffff59;position:relative}.metaphysical .section-label{z-index:1;color:#a78bfa4d;position:relative}.metaphysical .mockup-grid{z-index:1;position:relative}.metaphysical .mockup-frame{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff05;border:1px solid #a78bfa1f;border-radius:12px;padding:16px;box-shadow:0 0 20px #a78bfa0a}.metaphysical .mockup-frame:hover{border-color:#a78bfa40;box-shadow:0 0 30px #a78bfa14,inset 0 0 30px #a78bfa05}.portal-card{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#ffffff05;border:1px solid #a78bfa26;border-radius:12px;padding:16px;transition:all .5s cubic-bezier(.22,1,.36,1)}.portal-card:hover{border-color:#a78bfa66;transform:translateY(-2px);box-shadow:0 0 30px #a78bfa14}.portal-card.pulse{animation:.6s ease-out portalPulse}@keyframes portalPulse{0%{box-shadow:0 0 #a78bfa4d}50%{box-shadow:0 0 0 12px #a78bfa00}to{box-shadow:0 0 #a78bfa00}}.portal-card .portal-icon{background:#a78bfa0a;border:1px solid #a78bfa33;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:8px;font-size:14px;display:inline-flex}.portal-card h4{color:#fffc;margin-bottom:4px;font-family:Montserrat,Inter,sans-serif;font-size:13px;font-weight:500}.portal-card p{color:#ffffff59;font-size:11px;line-height:1.4}.chart-bars{align-items:flex-end;gap:6px;height:80px;margin-top:12px;display:flex}.chart-bars .bar{background:linear-gradient(#a78bfa,#0000);border-radius:3px 3px 0 0;width:100%;min-height:4px;transition:height 1s cubic-bezier(.22,1,.36,1)}.chart-bars .bar-label{justify-content:center;gap:4px;margin-top:4px;display:flex}.chart-bars .bar-label span{color:#ffffff4d;font-size:8px}@media (width<=768px){.nav-bar{display:none}.hamburger{display:flex}.design-section{padding:40px 20px 60px}.mockup-grid{grid-template-columns:1fr;gap:16px}.site-header{padding:10px 16px}.sections-container{padding-top:60px}.swiss-number{font-size:48px;top:20px;right:20px}.swiss-cards{grid-template-columns:1fr}.hud-data{grid-template-columns:1fr 1fr}.duesseldorf .section-title .vert{writing-mode:horizontal-tb;margin-bottom:8px;font-size:9px;position:static}}@media (width<=480px){.design-section{padding:32px 16px 48px}.mockup-grid{gap:12px}.hud-data{grid-template-columns:1fr}.swiss-poster .big-num{font-size:48px}.phosphor .mockup-frame{padding:10px}}
