*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}@media (min-width: 1920px){html{font-size:18px}}@media (min-width: 2560px){html{font-size:20px}}html,body,#root{width:100%;max-width:100vw;height:100%;overflow:hidden;overflow-x:hidden;background:#0a0a0a;color:#f0f0f0;font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{cursor:none}button{background:none;border:none;font:inherit;color:inherit;cursor:none}a{color:inherit;text-decoration:none;cursor:none}canvas{display:block;outline:none;cursor:none!important}::selection{background:#f0f0f033}:root{--color-bg: #0a0a0a;--color-fg: #f0f0f0;--color-fg-dim: rgba(240, 240, 240, .6);--color-fg-faint: rgba(240, 240, 240, .35);--color-accent: #c9b6ff;--letter-spacing-wide: .18em;--letter-spacing-wider: .28em}.app{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#15121e,#0a0a0a 65%,#050505)}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.ui-layer>*{pointer-events:auto}.brand-logo{position:absolute;top:2rem;left:2rem;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-fg);display:flex;align-items:center;gap:.6rem;opacity:0}.brand-logo .dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 12px var(--color-accent)}.hero-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(92vw,1400px);text-align:center;z-index:2;pointer-events:none}.hero-text .main{font-size:clamp(3rem,8vw,7rem);font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:.92;white-space:pre-line;color:var(--color-fg);text-shadow:0 4px 40px rgba(0,0,0,.55);mix-blend-mode:difference}.hero-text .subtitle{margin-top:1.6rem;font-size:clamp(.85rem,1.05vw,1rem);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-fg-dim)}.hero-text .sub-subtitle{margin-top:.65rem;font-size:clamp(.7rem,.85vw,.85rem);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-fg-faint)}.hero-text-line{display:inline-block;opacity:0;transform:translateY(28px)}.nav-circles{position:absolute;top:2rem;right:2rem;display:flex;gap:1.4rem;align-items:flex-start}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.55rem;opacity:0}.nav-circle{width:38px;height:38px;border-radius:50%;border:1px solid rgba(240,240,240,.35);background:#f0f0f005;display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease,background .35s ease;position:relative}.nav-circle:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;background:var(--color-fg);opacity:.55;transition:opacity .3s ease,transform .3s ease}.nav-item:hover .nav-circle{transform:scale(1.18);border-color:var(--color-accent);box-shadow:0 0 22px #c9b6ff73;background:#c9b6ff14}.nav-item:hover .nav-circle:after{opacity:1;transform:scale(.6);background:var(--color-accent)}.nav-label{font-size:.62rem;letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-fg-dim);text-align:center;transition:color .3s ease;max-width:80px;line-height:1.2}.nav-item:hover .nav-label{color:var(--color-fg)}.explore-btn-wrap{position:absolute;bottom:2.4rem;left:50%;transform:translate(-50%);opacity:0}.explore-btn{width:92px;height:92px;border-radius:50%;border:1px solid rgba(240,240,240,.5);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:500;letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-fg);position:relative;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s ease,color .4s ease;animation:explorePulse 2.6s ease-in-out infinite}.explore-btn:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid rgba(240,240,240,.15);opacity:0;transition:opacity .4s ease,inset .4s ease}.explore-btn:hover{transform:scale(1.08);border-color:var(--color-accent);color:var(--color-accent)}.explore-btn:hover:before{opacity:1;top:-14px;right:-14px;bottom:-14px;left:-14px}@keyframes explorePulse{0%,to{box-shadow:0 0 #f0f0f02e}50%{box-shadow:0 0 0 14px #f0f0f000}}.hint{position:absolute;bottom:2rem;font-size:.62rem;letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-fg-faint);display:flex;align-items:center;gap:.6rem;opacity:0}.hint.left{left:2rem}.hint .bar{display:inline-block;width:28px;height:1px;background:var(--color-fg-faint)}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;border-radius:50%;transform:translate(-50%,-50%);will-change:transform}.cursor-dot{width:6px;height:6px;background:var(--color-fg);mix-blend-mode:difference}.cursor-ring{width:36px;height:36px;border:1px solid rgba(240,240,240,.55);transition:width .25s ease,height .25s ease,background .25s ease,border-color .25s ease}.cursor-ring.hover{width:64px;height:64px;border-color:var(--color-accent);background:#c9b6ff14}.page{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.next-link-wrap,.explore-btn-wrap{pointer-events:auto}.page [data-anim]{opacity:0;will-change:transform,opacity}.nav-item.active .nav-circle{border-color:var(--color-accent);background:#c9b6ff1f;box-shadow:0 0 18px #c9b6ff59}.nav-item.active .nav-circle:after{background:var(--color-accent);opacity:1;transform:scale(.7)}.nav-item.active .nav-label{color:var(--color-fg)}.vertical-label{position:fixed;left:clamp(1rem,2.4vw,2.4rem);top:50%;transform:translateY(-50%);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2}.vertical-label-inner{display:flex;flex-direction:column;align-items:center;font-size:clamp(2rem,4vw,4rem);font-weight:700;color:#ffffff21;text-transform:uppercase;letter-spacing:-.02em;line-height:1.05}.vertical-label-letter{display:block;text-align:center}.vertical-label-gap{display:block;height:.55em}.beliefs{position:fixed;left:clamp(7rem,13vw,13rem);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:clamp(2rem,4.5vh,4rem);max-width:min(540px,42vw);z-index:2}.belief-block{display:block}.belief-heading{font-size:clamp(1.3rem,1.95vw,1.9rem);font-weight:700;text-transform:uppercase;letter-spacing:.005em;line-height:1.18;color:var(--color-fg);margin-bottom:.85rem;text-shadow:0 2px 24px rgba(0,0,0,.5)}.belief-body{font-size:clamp(.88rem,1vw,1rem);line-height:1.55;color:#c0c0c0e0;max-width:500px;text-shadow:0 1px 12px rgba(0,0,0,.5)}.coming-soon{position:fixed;left:clamp(7rem,13vw,13rem);top:50%;transform:translateY(-50%);z-index:2}.coming-soon-text{font-size:clamp(1.1rem,1.6vw,1.6rem);font-weight:500;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-fg-dim);text-shadow:0 1px 12px rgba(0,0,0,.5)}.contact-content{position:fixed;left:clamp(7rem,13vw,13rem);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.4rem;max-width:min(540px,42vw);z-index:2;pointer-events:auto}.contact-headline{font-size:clamp(1.6rem,2.4vw,2.2rem);font-weight:700;text-transform:uppercase;letter-spacing:.01em;line-height:1.18;color:var(--color-fg);margin:0;text-shadow:0 2px 24px rgba(0,0,0,.5)}.contact-sub{font-size:clamp(.85rem,1vw,1rem);color:var(--color-fg-dim);margin:0 0 .6rem;text-shadow:0 1px 12px rgba(0,0,0,.5)}.contact-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.contact-icons{gap:1.1rem}.contact-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#ffffff0a;color:#f0f0f0d9;text-decoration:none;pointer-events:auto;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,background .3s ease,color .3s ease,box-shadow .3s ease}.contact-icon-btn:hover{border-color:var(--color-accent);background:#c9b6ff14;color:#fff;transform:translateY(-2px);box-shadow:0 0 18px #c9b6ff40}.contact-text-links{margin-top:.4rem}.contact-text-btn{display:inline-flex;align-items:center;padding:.55rem 1.3rem;border:1px solid rgba(255,255,255,.22);background:transparent;color:#f0f0f0d9;text-decoration:none;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);font-size:.72rem;font-weight:500;border-radius:999px;pointer-events:auto;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,background .3s ease,color .3s ease}.contact-text-btn:hover{border-color:var(--color-accent);background:#c9b6ff0f;color:#fff;transform:translateY(-2px)}.next-link-wrap{position:fixed;bottom:2.4rem;left:50%;transform:translate(-50%);z-index:4}.next-link{display:inline-flex;align-items:center;gap:.7rem;padding:.6rem 1rem;font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);color:var(--color-fg);transition:color .35s ease}.next-link .arrow{display:inline-block;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.next-link:hover{color:var(--color-accent)}.next-link:hover .arrow{transform:translate(10px)}.audio-toggle{position:fixed;bottom:2rem;right:2rem;z-index:100;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#f0f0f0d9;display:inline-flex;align-items:center;justify-content:center;pointer-events:auto;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,background .3s ease,color .3s ease,box-shadow .3s ease}.audio-toggle:hover{border-color:var(--color-accent);background:#0009;color:#fff;transform:scale(1.08);box-shadow:0 0 18px #c9b6ff40}@media (min-width: 1920px){.nav-circle{width:42px;height:42px}.brand-logo{font-size:.92rem}}@media (max-width: 1024px){.beliefs,.contact-content{left:clamp(4rem,8vw,8rem);max-width:min(440px,50vw)}}@media (max-width: 768px){.vertical-label,.hint{display:none}.nav-circles{top:1.5rem;right:1.5rem;gap:1rem}.nav-circle{width:44px;height:44px}.nav-label{font-size:.6rem;max-width:70px}.beliefs,.contact-content{position:fixed;left:0;right:0;top:50%;bottom:auto;transform:translateY(-50%);max-width:100%;padding:0 1.5rem;max-height:calc(100vh - 11rem);overflow-y:auto;-webkit-overflow-scrolling:touch}.beliefs{gap:clamp(1.4rem,3.5vh,2.4rem)}.next-link-wrap,.explore-btn-wrap{bottom:1.6rem}.audio-toggle{bottom:1rem;right:1rem;width:40px;height:40px}.explore-btn{width:76px;height:76px;font-size:.6rem}.hero-text .main{font-size:clamp(2.2rem,11vw,4.5rem);line-height:1.02}.hero-text .subtitle{font-size:.78rem}.hero-text .sub-subtitle{font-size:.66rem}}@media (max-width: 480px){.brand-logo{font-size:.66rem;top:1.2rem;left:1.2rem;gap:.45rem}.nav-circles{top:1.2rem;right:1.2rem;gap:.7rem}.nav-label{font-size:.55rem}.hero-text .main{font-size:clamp(2rem,12vw,3.6rem)}.belief-heading,.contact-headline{font-size:clamp(1.15rem,5vw,1.6rem)}.belief-body,.contact-sub{font-size:.92rem;line-height:1.5}.beliefs,.contact-content{padding:0 1.1rem}.contact-icon-btn{width:50px;height:50px}.contact-row{gap:.75rem}.contact-text-btn{padding:.5rem 1rem;font-size:.65rem}}@media (max-height: 500px) and (max-width: 1024px){.beliefs,.contact-content{top:10%;padding:0 1.2rem}.beliefs{gap:.9rem}.belief-heading,.contact-headline{font-size:clamp(1rem,3vw,1.3rem)}.belief-body,.contact-sub{font-size:.78rem}}@media (hover: none) and (pointer: coarse){.cursor-dot,.cursor-ring{display:none}body,button,a,canvas{cursor:auto!important}}