:root{--color-bg: #050505;--color-surface: #0e0e11;--color-border: rgba(255, 255, 255, .08);--color-border-active: rgba(255, 255, 255, .3);--color-text-primary: #f5f5f7;--color-text-secondary: #8e8e93;--color-text-muted: #48484a;--color-accent: #ccff00;--color-accent-purple: #9d4edd;--color-accent-amber: #ffb703;--font-sans: "Inter", sans-serif;--font-syne: "Syne", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{display:none}html{scrollbar-width:none;-ms-overflow-style:none}.font-mono{font-family:Courier New,Courier,monospace;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none;opacity:.04;background:repeat url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.custom-cursor{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;pointer-events:none}.cursor-dot{position:absolute;top:0;left:0;width:6px;height:6px;background-color:var(--color-accent);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s,background-color .3s;z-index:2}.cursor-ring{position:absolute;top:0;left:0;width:36px;height:36px;border:1px solid var(--color-border-active);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s,border-color .3s,background-color .3s;z-index:1}.cursor-text{position:absolute;top:0;left:0;transform:translate(-50%,-50%);font-family:var(--font-sans);font-size:.6rem;font-weight:600;color:var(--color-bg);opacity:0;pointer-events:none;z-index:3;letter-spacing:.1em;text-transform:uppercase;transition:opacity .2s}body.hover-link .cursor-ring{width:56px;height:56px;border-color:var(--color-accent);background-color:#ccff000d}body.hover-btn .cursor-ring{width:80px;height:80px;background-color:#e6ff8026;border-color:#e6ff80}body.hover-btn .cursor-dot{opacity:0}body.hover-btn .cursor-text{opacity:1;color:#e6ff80}.webgl-container{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:1;pointer-events:none;background-color:var(--color-bg)}#webglCanvas,#cursorTrailCanvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.loader-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-bg);z-index:999;display:flex;justify-content:center;align-items:center}.loader-content{text-align:center;width:320px}.loader-title{font-family:var(--font-syne);font-size:2.5rem;font-weight:800;letter-spacing:-.03em;color:var(--color-text-primary);margin-bottom:8px}.loader-subtitle{font-family:var(--font-sans);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:24px}.loader-bar-container{width:100%;height:2px;background-color:#ffffff1a;overflow:hidden;margin-bottom:12px;border-radius:2px}.loader-bar{width:0%;height:100%;background-color:var(--color-accent);transition:width .1s ease-out}.loader-percentage{font-family:Courier New,Courier,monospace;font-size:.85rem;color:var(--color-accent)}#scrollContainer{position:relative;z-index:2;width:100%}.scroll-sections{width:100%;position:relative}.section{position:relative;min-height:100dvh;width:100%;display:flex;align-items:center;padding:8vw}.grid-container{width:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;height:100%;justify-content:space-between}.hero-top-meta{display:flex;justify-content:space-between;margin-bottom:8dvh;border-bottom:none;padding-bottom:16px}.meta-tag{color:var(--color-text-secondary)}.hero-main-title{font-family:var(--font-syne);font-size:7.5vw;font-weight:800;line-height:.9;letter-spacing:-.04em;color:var(--color-text-primary);text-transform:uppercase;margin-top:auto;margin-bottom:auto}.hero-main-title .accent-text{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5);font-weight:700;transition:-webkit-text-stroke .5s}.hero-main-title:hover .accent-text{-webkit-text-stroke:1px var(--color-accent)}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:8dvh;border-top:none;padding-top:24px}.hero-desc{max-width:450px;color:var(--color-text-secondary);line-height:1.6}.scroll-indicator{color:var(--color-accent);display:flex;align-items:center;gap:8px}.indicator-arrow{display:inline-block;animation:bounce 1.5s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.section-badge{color:var(--color-accent-purple);margin-bottom:40px;align-self:flex-start}.narrative-wrapper{max-width:900px}.narrative-heading{font-family:var(--font-syne);font-size:4.5vw;font-weight:700;line-height:1.1;letter-spacing:-.02em;margin-bottom:40px;text-transform:uppercase}.narrative-body{max-width:550px;color:var(--color-text-secondary);line-height:1.8;margin-left:auto}.swiss-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:0;width:100%;border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);margin-top:20px;position:relative}.grid-cell{padding:40px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;justify-content:space-between;min-height:250px;position:relative;overflow:hidden}.cell-num{color:var(--color-accent-amber);margin-bottom:24px}.cell-title{font-family:var(--font-syne);font-size:1.8rem;font-weight:700;margin-bottom:12px;letter-spacing:-.02em}.cell-text{color:var(--color-text-secondary);line-height:1.5;font-size:.95rem}.cta-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;text-align:center;margin:10dvh 0}.cta-heading{font-family:var(--font-syne);font-size:8vw;font-weight:800;letter-spacing:-.04em;text-transform:uppercase;margin-bottom:48px;line-height:1}.cta-magnetic-container{display:flex;justify-content:center;align-items:center;position:relative}#ctaButton{transform:translateY(155px)}.magnetic-button{background:none;border:1px solid var(--color-accent);padding:24px 48px;border-radius:100px;color:var(--color-accent);font-family:var(--font-sans);font-size:1.1rem;font-weight:600;letter-spacing:.1em;display:flex;align-items:center;gap:16px;cursor:none;position:relative;overflow:hidden;transition:border-color .4s,color .4s,background-color .4s;z-index:5}.magnetic-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background-color:#e6ff80;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s cubic-bezier(.16,1,.3,1),height .6s cubic-bezier(.16,1,.3,1);z-index:-1}.magnetic-button:hover{color:var(--color-bg);border-color:#e6ff80}.magnetic-button:hover:before{width:320px;height:320px}.btn-arrow{width:20px;height:20px;transition:transform .4s cubic-bezier(.16,1,.3,1)}.footer-meta{display:flex;justify-content:space-between;border-top:none;padding-top:24px;color:var(--color-text-muted)}.progress-bar-side{position:fixed;right:40px;top:50%;transform:translateY(-50%);width:2px;height:180px;background-color:#ffffff1a;z-index:10;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.progress-fill{width:100%;height:0%;background-color:var(--color-accent);position:absolute;top:0;left:0}.progress-indicator-num{position:absolute;top:-24px;font-size:.65rem;color:var(--color-text-secondary)}@media (max-width: 1024px){.hero-main-title{font-size:10vw}.narrative-heading{font-size:6vw}.swiss-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,auto)}.grid-cell{padding:30px;min-height:auto}.cta-heading{font-size:10vw}.progress-bar-side{right:20px}}@media (max-width: 768px){.hero-top-meta{flex-direction:column;gap:8px}.hero-bottom{flex-direction:column;align-items:flex-start;gap:20px}.footer-meta{flex-direction:column;gap:12px}}#gateScrollContainer{position:relative;width:100%;height:4800vh;z-index:2}.gate-hud-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:5;pointer-events:none;padding:8vw}.gate-grid-container{width:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;height:100%;justify-content:space-between}.gate-header{display:flex;justify-content:space-between;border-bottom:none;padding-bottom:16px;width:100%;pointer-events:auto}.gate-middle-text{text-align:center;margin-top:auto;margin-bottom:auto;pointer-events:auto}.gate-heading{font-family:var(--font-syne);font-size:6vw;font-weight:800;letter-spacing:-.04em;text-transform:uppercase;margin-bottom:16px;line-height:1}.gate-footer{display:flex;justify-content:space-between;align-items:center;border-top:none;padding-top:24px;width:100%;pointer-events:auto}@media (max-width: 1024px){.gate-heading{font-size:8vw}}@media (max-width: 768px){.gate-header{flex-direction:column;gap:8px}.gate-footer{flex-direction:column;gap:16px;align-items:flex-start}}