:root{--bg-dark:#0a0a0c;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--text-primary:#fff;--text-secondary:#a1a1aa;--accent-primary:#a855f7;--accent-glow:#a855f766;--accent-hover:#9333ea;--border-color:#ffffff1a;--border-color-hover:#fff3;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.2}.navbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:100;background:#0a0a0ccc;justify-content:center;height:72px;display:flex;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:0 24px;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:12px;font-size:1.25rem;font-weight:700;display:flex}.logo img{border-radius:8px;width:32px;height:32px}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a:not(.btn-primary){color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .2s}.nav-links a:not(.btn-primary):hover{color:var(--text-primary)}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 4px 14px 0 var(--accent-glow);border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 6px 20px 0 var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover)}.btn-primary.small{padding:8px 20px;font-size:.9rem}.btn-primary.large,.btn-secondary.large{padding:14px 28px;font-size:1rem}.hero{text-align:center;flex-direction:column;align-items:center;padding:160px 24px 80px;display:flex;position:relative;overflow:hidden}.hero-bg-glow{background:radial-gradient(circle, var(--accent-glow) 0%, #0000 70%);z-index:-1;opacity:.6;pointer-events:none;width:800px;height:600px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-container{flex-direction:column;align-items:center;width:100%;max-width:800px;display:flex}.badge{color:var(--accent-primary);letter-spacing:.05em;text-transform:uppercase;background:#a855f71a;border:1px solid #a855f733;border-radius:999px;margin-bottom:24px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-block}.hero-title{letter-spacing:-.03em;margin-bottom:24px;font-size:4.5rem}.hero-title span{background:linear-gradient(135deg,#d8b4fe 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:40px;font-size:1.25rem}.hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:16px;display:flex}.version-info{color:var(--text-secondary);margin-bottom:80px;font-size:.85rem}.hero-mockup{border:1px solid var(--border-color);background:#18181b;border-radius:16px;width:100%;max-width:1000px;margin-top:20px;transition:transform .5s;overflow:hidden;transform:perspective(1000px)rotateX(2deg);box-shadow:0 25px 50px -12px #00000080}.hero-mockup:hover{transform:perspective(1000px)rotateX(0)}.mockup-header{border-bottom:1px solid var(--border-color);background:#27272a;align-items:center;gap:8px;height:40px;padding:0 16px;display:flex}.mockup-header span{background:#3f3f46;border-radius:50%;width:12px;height:12px}.mockup-header span:first-child{background:#ef4444}.mockup-header span:nth-child(2){background:#eab308}.mockup-header span:nth-child(3){background:#22c55e}.mockup-body{background:repeating-linear-gradient(45deg,#ffffff03,#ffffff03 10px,#0000 10px 20px);flex-direction:column;justify-content:center;align-items:center;height:400px;display:flex}.mockup-img-placeholder{border-radius:20px;width:80px;height:80px;margin-bottom:24px;box-shadow:0 10px 30px #a855f733}.features{flex-direction:column;align-items:center;padding:100px 24px;display:flex}.features-container{width:100%;max-width:1200px}.section-title{text-align:center;margin-bottom:64px;font-size:2.5rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:32px;transition:all .3s}.feature-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);transform:translateY(-4px)}.icon-wrapper{width:48px;height:48px;color:var(--accent-primary);background:#a855f71a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.feature-card h3{margin-bottom:12px;font-size:1.25rem}.feature-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);padding:40px 24px;font-size:.9rem}@media (width<=768px){.hero-title{font-size:3rem}.hero-cta{flex-direction:column;width:100%}.btn-primary.large,.btn-secondary.large{width:100%}}