body{margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;justify-content:center;align-items:center;min-height:100vh;height:100vh;background:radial-gradient(ellipse at center,#0a0a0a,#000 70%);font-family:Vazirmatn,sans-serif;color:#fff;overflow:hidden;-webkit-tap-highlight-color:transparent}@media(pointer:fine){body{cursor:none}}canvas{display:block;will-change:transform}#narrative-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:900px;display:flex;justify-content:center;align-items:center;pointer-events:none}#narrative-text{font-size:clamp(1.25rem,4vw,2.5rem);text-align:center;color:#f0feff;text-shadow:0 0 8px rgba(0,255,255,.25);margin:0;line-height:1.5;opacity:0;transition:opacity .75s ease-in-out}#narrative-text.highlight{color:#dcb4ff;text-shadow:0 0 8px rgba(199,125,255,.5)}.brand-name{display:block;font-size:clamp(2rem,5vw,3.5rem);font-weight:600;color:#faffff}.tagline{display:block;font-size:clamp(1rem,2.5vw,1.75rem);font-weight:400;color:#f0feffe6;margin-top:.5em}#cta-button{position:absolute;bottom:15%;left:50%;transform:translate(-50%);padding:.75em 1.75em;font-size:clamp(1rem,2.5vw,1.2rem);font-family:Vazirmatn,sans-serif;font-weight:500;color:#fff;text-decoration:none;background:#00ffc81a;border:2px solid rgba(0,255,200,.7);border-radius:50px;box-shadow:0 0 5px #00ffc880,0 0 15px #00ffc84d,inset 0 0 5px #00ffc84d;opacity:0;pointer-events:none;transition:all .5s ease-in-out}#cta-button:hover{background:#00ffc840;color:#f0faff;box-shadow:0 0 10px #00ffc8cc,0 0 25px #00ffc899,inset 0 0 8px #00ffc880;transform:translate(-50%) scale(1.05)}