:root{--bg-deep-space:#05060a;--bg-mid-space:#10142a;--text-primary:#f0f2f8;--text-secondary:#f0f2f899;--accent-glow:#b9c2ff;--glass-bg:#14182966;--glass-border:#ffffff14;--zen-bg:#0a0a0b;--zen-card:#161618;--zen-accent:#9b59b6;--zen-accent-muted:#9b59b633;--zen-text-main:#f5f5f7;--zen-text-dim:#a1a1a6;--transition-smooth:all .6s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{color:var(--text-primary);background-color:var(--bg-deep-space);background:radial-gradient(circle at 50% 30%, var(--bg-mid-space), var(--bg-deep-space) 80%);justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Outfit,sans-serif;display:flex;overflow:hidden}#root{background:var(--bg-deep-space);flex-direction:column;width:100%;height:100%;display:flex;position:relative}.mobile-viewport{background:radial-gradient(circle at 50% 30%, var(--bg-mid-space), var(--bg-deep-space) 80%);flex-direction:column;flex:1;width:100%;max-width:480px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 100px #000c}@media (width>=481px){.mobile-viewport{border:1px solid var(--glass-border);border-radius:40px;height:90vh;max-height:850px;margin:auto}}.stars{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.star{opacity:0;background-color:#fff;border-radius:50%;animation:ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:var(--opacity);transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border)}.icon-btn{color:var(--zen-text-main);opacity:.4;cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;padding:8px}.icon-btn.active{opacity:1;box-shadow:0 0 15px var(--zen-accent-muted);background:#ffffff1a}.mic-btn{cursor:pointer;z-index:10;color:#fff;background:linear-gradient(135deg,#ffffff14,#fff0);border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 0 40px #b9c2ff1a,inset 0 0 20px #ffffff0d}.mic-btn:hover{transform:scale(1.05);box-shadow:0 0 60px #b9c2ff33,inset 0 0 30px #ffffff1a}.mic-btn:active{transform:scale(.95)}.mic-ring{pointer-events:none;border:1px solid #b9c2ff4d;border-radius:50%;animation:4s linear infinite pulse-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mic-ring:nth-child(2){animation-delay:2s}@keyframes pulse-ring{0%{opacity:1;width:120px;height:120px}to{opacity:0;width:300px;height:300px}}.app-container{z-index:1;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.header{z-index:10;justify-content:space-between;padding:24px;display:flex}.main-content{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.footer{z-index:10;justify-content:space-between;padding:32px 40px;display:flex}.screen-placeholder{z-index:10;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.btn-primary{color:var(--text-primary);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:30px;margin-top:2rem;padding:12px 24px;font-family:inherit;font-size:1rem;transition:all .3s}.btn-primary:active{transform:scale(.95)}.scan-line{background:var(--accent-glow);width:100%;height:2px;box-shadow:0 0 10px var(--accent-glow);animation:2s linear infinite scan;position:absolute;top:0;left:0}@keyframes scan{0%{top:0}to{top:100%}}:root{--zen-bg:#0a0a0b;--zen-card:#161618;--zen-accent:#9b59b6;--zen-accent-muted:#9b59b633;--zen-text-main:#f5f5f7;--zen-text-dim:#a1a1a6;--glass-border:#ffffff14;--transition-smooth:all .6s cubic-bezier(.16, 1, .3, 1)}.landing-container{min-height:100vh;color:var(--zen-text-main);background-color:#0000;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.tattv-logo{letter-spacing:12px;z-index:100;opacity:.9;align-items:center;gap:15px;font-size:1.4rem;font-weight:300;display:flex;position:absolute;top:40px;left:60px}.ambient-glow{background:radial-gradient(circle, var(--zen-accent-muted) 0%, transparent 70%);filter:blur(80px);z-index:0;pointer-events:none;opacity:.5;width:60vw;height:60vw;position:fixed}.glow-1{top:-20%;right:-10%}.glow-2{bottom:-20%;left:-10%}.zen-title{letter-spacing:-2px;background:linear-gradient(#fff 0%,#a1a1a6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:1.1}.hero-section{text-align:center;z-index:1;flex-direction:column;align-items:center;padding:160px 40px 100px;display:flex;position:relative}.hero-subtitle{color:var(--zen-text-dim);max-width:600px;margin:30px 0 50px;font-size:1.25rem;line-height:1.6}.hero-cta{background:var(--zen-text-main);color:#000;transition:var(--transition-smooth);cursor:pointer;border-radius:100px;padding:18px 42px;font-size:1.1rem;font-weight:600;text-decoration:none;box-shadow:0 0 40px #ffffff1a}.hero-cta:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 10px 60px #ffffff4d}.features-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:30px;max-width:1400px;margin:0 auto;padding:80px 40px;display:grid}.feature-card{background:var(--zen-card);border:1px solid var(--glass-border);transition:var(--transition-smooth);border-radius:32px;padding:60px 40px;position:relative;overflow:hidden}.feature-card:hover{background:#1c1c1e;border-color:#ffffff26;transform:translateY(-8px)}.feature-icon{background:var(--zen-accent-muted);width:64px;height:64px;color:var(--zen-accent);border-radius:16px;justify-content:center;align-items:center;margin-bottom:30px;display:flex}.feature-card h3{margin-bottom:16px;font-family:Outfit,sans-serif;font-size:2rem;font-weight:600}.feature-card p{color:var(--zen-text-dim);font-size:1.1rem;line-height:1.6}@keyframes fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:1.2s cubic-bezier(.16,1,.3,1) forwards fade-up}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.process-timeline{flex-direction:column;gap:0;display:flex}.process-row{justify-content:space-between;align-items:center;width:100%;display:flex}.process-row.reverse{flex-direction:row-reverse}.process-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);max-width:460px;transition:var(--transition-smooth);background:#ffffff08;border-radius:40px;flex:1;padding:50px;position:relative}.process-card:hover{border-color:var(--zen-accent);background:#ffffff0d;transform:scale(1.02)}.process-num{opacity:.1;pointer-events:none;font-family:Outfit,sans-serif;font-size:6rem;font-weight:900;position:absolute;top:-20px;left:40px}.process-icon-box{background:var(--zen-accent-muted);width:60px;height:60px;color:var(--zen-accent);border-radius:20px;justify-content:center;align-items:center;margin-bottom:30px;display:flex;box-shadow:0 10px 30px #9b59b61a}.process-spacer{flex:1;justify-content:center;align-items:center;display:flex}.process-card h3{margin-bottom:15px;font-family:Outfit;font-size:2rem;font-weight:600}.process-card p{opacity:.7;font-size:1.1rem;line-height:1.7}@media (width<=768px){.process-row,.process-row.reverse{text-align:center;flex-direction:column}.process-card{max-width:100%;padding:30px}.process-spacer{display:none}.process-num{left:50%;transform:translate(-50%)}.process-icon-box{margin:0 auto 20px}}.cosmic-nebula{z-index:-1;position:absolute;inset:0;overflow:hidden}.nebula-blob{filter:blur(100px);opacity:.3;border-radius:50%;width:600px;height:600px;animation:20s ease-in-out infinite alternate float-nebula;position:absolute}@keyframes float-nebula{0%{opacity:.2;transform:translate(-10%,-10%)scale(1)}to{opacity:.4;transform:translate(10%,10%)scale(1.2)}}.cosmic-stellar{z-index:-1;background:radial-gradient(circle,#111 0%,#000 100%);position:absolute;inset:0}.star-particle{animation:twinkle var(--duration) infinite ease-in-out;opacity:var(--opacity);background:#fff;border-radius:50%;position:absolute}.cosmic-aurora{z-index:-1;background:#050505;position:absolute;inset:0;overflow:hidden}.aurora-curtain{filter:blur(60px);background:linear-gradient(135deg,#0000 0%,#9b59b61a 25%,#3498db1a 50%,#0000 100%);animation:15s linear infinite alternate wave-aurora;position:absolute;inset:-50%;transform:rotate(10deg)}@keyframes wave-aurora{0%{transform:rotate(10deg)translateY(-5%)}to{transform:rotate(-10deg)translateY(5%)}}