.master-app-wrapper{width:100%;min-height:100vh;position:relative}.cinematic-viewport{width:100%;position:relative}.landing-layer{opacity:1;pointer-events:auto;width:100%;transition:opacity .6s ease-out;position:relative}.phone-app-layer{display:none}.master-app-wrapper.fading-out .landing-layer{opacity:0;pointer-events:none}.master-app-wrapper.in-console{z-index:9999;background:#000;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.master-app-wrapper.in-console:before{content:"";filter:blur(100px);z-index:0;background:radial-gradient(circle,#4c8dff14 0%,#5d3a9b0d 40%,#0000 70%);width:80vw;height:80vh;animation:8s ease-in-out infinite alternate pulseAmbient;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulseAmbient{0%{opacity:.6;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.master-app-wrapper.in-console .cinematic-viewport{background:#000;border:6px solid #000;border-radius:44px;width:380px;height:822px;animation:2s cubic-bezier(.77,0,.175,1) forwards phoneMorph;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffff1a,0 0 0 4px #ffffff0d,0 0 0 5px #ffffff05,0 40px 100px #000c,0 0 120px #4c8dff26,inset 0 0 40px #000000e6}@keyframes phoneMorph{0%{width:100vw;height:100vh;box-shadow:none;border-color:#0000;border-radius:0;transform:translate(-50%,-50%)rotate(0)}49.9%{border-color:#000;border-radius:24px;width:822px;height:380px;transform:translate(-50%,-50%)rotate(0);box-shadow:0 0 0 1px #ffffff0d,0 0 0 4px #ffffff05}50%{border-color:#000;border-radius:24px;width:380px;height:822px;transform:translate(-50%,-50%)rotate(-90deg);box-shadow:0 0 0 1px #ffffff0d,0 0 0 4px #ffffff05}to{border-color:#000;border-radius:44px;width:380px;height:822px;transform:translate(-50%,-50%)rotate(0);box-shadow:0 0 0 1px #ffffff1a,0 0 0 4px #ffffff0d,0 0 0 5px #ffffff05,0 40px 100px #000c,0 0 120px #4c8dff26,inset 0 0 40px #000000e6}}.master-app-wrapper.in-console .cinematic-viewport:before{content:"";z-index:100;background:radial-gradient(circle at 35% 35%,#1a1a24 0%,#000 60%);border-radius:50%;width:14px;height:14px;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:inset 0 -1px 2px #ffffff26,0 0 0 2px #000}.master-app-wrapper.in-console .landing-layer{opacity:0;pointer-events:none;position:absolute}.master-app-wrapper.in-console .phone-app-layer{opacity:0;flex-direction:column;width:100%;height:100%;animation:.8s ease-out 1.6s forwards phoneBootUp;display:flex}.phone-edge-fade{-webkit-mask-image:linear-gradient(#0000 0%,#000 7% 93%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 7% 93%,#0000 100%)}.phone-screen-scroll>[style*="position: absolute"][style*=zIndex]{-webkit-mask-image:none;mask-image:none}@keyframes phoneBootUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.demo-guide-card{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(40px);color:#e0e0e0;z-index:10000;background:#ffffff05;border-radius:24px;width:320px;padding:32px;transition:all 1.2s cubic-bezier(.16,1,.3,1);position:fixed;top:50%;right:-400px;transform:translateY(-50%);box-shadow:inset 0 1px #ffffff26,inset 0 0 0 1px #ffffff0d,0 24px 48px #000c}.master-app-wrapper.in-console .demo-guide-card.visible,.master-app-wrapper.in-console .demo-guide-card{opacity:1;pointer-events:auto;transition-delay:1.8s;right:calc(50% - 560px)}.demo-guide-header{margin-bottom:32px}.demo-guide-header h3{color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-family:Geist,Playfair Display,serif;font-size:1.5rem;font-weight:500}.demo-guide-header p{color:#ffffff80;margin:0;font-family:Geist Mono,monospace;font-size:.8rem;line-height:1.5}.guide-steps{flex-direction:column;gap:24px;display:flex}.guide-step{align-items:flex-start;gap:16px;display:flex}.step-ring{border:1px solid #4c8dff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:4px;display:flex;box-shadow:0 0 10px #4c8dff33}.step-dot{background:#4c8dff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #4c8dff}.step-content h4{color:#fff;margin:0 0 6px;font-family:Sora,sans-serif;font-size:.95rem;font-weight:600}.step-content p{color:#fff6;margin:0;font-family:Geist Mono,monospace;font-size:.75rem;line-height:1.5}.step-content em{color:#4c8dff;font-style:normal}.back-to-landing-btn{opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(24px);color:#ffffffb3;letter-spacing:.02em;z-index:10000;cursor:pointer;background:#ffffff08;border:0;border-radius:100px;padding:14px 28px;font-family:Sora,sans-serif;font-size:.9rem;font-weight:500;transition:all 1.2s cubic-bezier(.16,1,.3,1),color .3s,background .3s,box-shadow .3s;position:fixed;top:40px;left:-200px;box-shadow:inset 0 1px #fff3,inset 0 0 0 1px #ffffff0d,0 8px 24px #00000080}.back-to-landing-btn:hover{color:#fff;background:#ffffff14;transform:translateY(-2px);box-shadow:inset 0 1px #fff6,inset 0 0 0 1px #ffffff26,0 12px 32px #4c8dff26}.master-app-wrapper.in-console .back-to-landing-btn{opacity:1;pointer-events:auto;transition-delay:1.8s,0s,0s,0s;left:40px}.master-app-wrapper.skip-transitions .cinematic-viewport{animation:none!important}.master-app-wrapper.skip-transitions .phone-app-layer{opacity:1!important;animation:none!important}.master-app-wrapper.skip-transitions .demo-guide-card,.master-app-wrapper.skip-transitions .back-to-landing-btn{transition:none!important}@media (max-width:768px){.master-app-wrapper.in-console .cinematic-viewport{width:100vw!important;height:100vh!important;box-shadow:none!important;border:none!important;border-radius:0!important;animation:none!important}.master-app-wrapper.in-console .cinematic-viewport:before{display:none}.master-app-wrapper.in-console .back-to-landing-btn{color:#fff;-webkit-backdrop-filter:blur(12px);z-index:100000;background:#0006;padding:8px 16px;font-size:.8rem;top:16px;left:16px}.demo-guide-card{display:none!important}}